css3選擇器選擇題,hover用法?
在CSS中hover用于選擇鼠標指針浮動在上面的元素,語法“標簽選擇器:hover{樣式代碼;}”,用法:1、直接在懸浮元素上改變樣式;2、改變子元素的樣式;3、改變同級元素的樣式;4、改變就近元素的樣式等。
在CSS中有個hover屬性,當鼠標移上去的時候可以將其激活,它可以用來實現類似于js的一些功能。
css3和css一樣嗎?
CSS3是CSS的子集,CSS3是最新的標準,提供了很多好用的新屬性,提升了網頁的表現性。
CSS3提供了更好用的選擇器最新的CSS3中,對偽類、偽元素選擇器做了嚴格的規范。有了偽類后,不用在div標簽里面添加額外的元素完成一些DOM操作,可以通過::before,::after完成,代碼簡潔明了。對于鼠標的操作,也可以通過::hover等類似的操作完成。非常高效。還有::first–child等類似的選擇器去操作子元素。
CSS3使動畫效果越來越方便css3里面通過animation來完成動畫,設置@keyframes即可,一些輕量級的動畫不必再通過js完成。
CSS3完成圓角、陰影美化更方便以前的css完成類似的功能只能通過圖片做背景,現在只需要border-radius、boxshadow即可。非常高效簡潔。
CSS3提供了全新的盒模型這個特性十分有用。原來的盒模型width=content.+border+padding。你規定了width.每次都要自己計算,現在有了boder-box不用這么麻煩了。
CSS3的flex布局是最強大的IE已死,不需要再考慮它的兼容性!!!用flex布局,節省很多時間,節省的時間可以學很多東西,而不是浪費時間去適應落后的ie!!!
還有很多好用的css3特性,這個版本提供了巨大的生產力!!!很感謝它,期待下一個grid布局~
以上是我的看法~
CSS選擇器權重如何計算?
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規則,這個觀念很好,可以從側面杜絕權重問題的產生,還有一個就是提高權重的方法 !important;
dw中怎么定義新css?
1、在dreamweaver cc中可以直接創建css文件,或在內面內手寫輸入css代碼定義規則等等。
2、如果要使用可視化css編輯,可以使用css設計器,在默認的界面下,在軟件窗口右側的活動窗口內就可以找到css設計器。
例如:新建一個html文件,點擊css設計器的“源”窗口的“+”號,選擇創建css的方式,包括:新建css;附件已有的css或在頁面內創建css樣式。
3、點擊“選擇器“窗口的”+“號,選擇body,可以看到下面的”屬性“窗口內顯示出可以編輯的屬性列表,鼠標點擊相應的屬性就可以選擇或填寫數值進行編輯了,在編輯的時候在”設計“窗口會顯示樣式的變化。
4、最后如果是新建的css文件,保存路徑要正確。