色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css樣式中選擇器類型區別是什么,CSS樣式的方式和特點是什么

老白2年前29瀏覽0評論

css樣式中選擇器類型區別是什么,CSS樣式的方式和特點是什么?

1.繼承性

作用:子元素可以繼承父元素的樣式text-,font-,line-這些元素開頭的都可以繼承,以及color屬性特殊性:

①. a標簽的顏色不能繼承,必須對a標簽本身進行設置

②. h標簽的字體大小不能修改,必須對h標簽本身進行修改

2.層疊性

是瀏覽器處理沖突的一個能力如果一個屬性通過兩個選擇器設置到同一個元素上,那么這個時候一個屬性就會將另一個屬性層疊掉

3.優先級

權重:!important>行內樣式>id選擇器>類選擇器>標簽選擇器>通配符>繼承

作用:多個選擇器組合以后的優先級

算法:(0,0,0,0)==》第一個0是important的個數,第二個0是id選擇器的個數,

第三個0對應的類選擇器的個數,第四個0對應的是標簽選擇器的個數,就是當前選擇器的權重。

css樣式中選擇器類型區別是什么,CSS樣式的方式和特點是什么

CSS屬性與值的定義?

cascading style sheet 層疊樣式表

CSS基本語法

css的定義方法是:

選擇器 { 屬性:值; 屬性:值; 屬性:值;}

選擇器是將樣式和頁面元素關聯起來的名稱,屬性是希望設置的樣式屬性每個屬性有一個或多個值,如果一個屬性有多個值,中間用空格隔開

代碼示例:

div{ width:100px; height:100px; color:red }

用處:設置網頁的顯示效果(設置樣式)

css將網頁的顯示效果和內容分離(降低了耦合性)

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布局~

以上是我的看法~

偽類選擇器hover的使用?

定義和用法:hover 選擇器用于選擇鼠標指針浮動在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設置指向未被訪問頁面的鏈接的樣式,:visited 選擇器用于設置指向已被訪問的頁面的鏈接,:active 選擇器用于活動鏈接。注釋:在 CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話),這樣樣式才能生效。代碼效果測試:

請把鼠標指針移動到這些鏈接上。

這個鏈接改變顏色。

這個鏈接改變字體大小。

這個鏈接改變背景色。

這個鏈接改變字體。

這個鏈接會出現下劃線。