第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

使用text-decoration添加文本修飾

1、text-decoration可以設(shè)置添加到文本的修飾。

2、text-decoration默認值為none, 定義標準的文本。

3、text-decoration的值為underline為定義文本下的一條線。

4、text-decoration的值為overline為定義文本上的一條線。

5、text-decoration的值為line-through為定義穿過文本下的一條線，一般用于商品折扣價。?text-decoration:line-through;

?font樣式的簡寫方式

body{
? ?font-style:italic;
? ?font-weight:bold;
? ?font-size:12px;
? ?line-height:1.5em;
? ?font-family:"宋體",sans-serif;
}

縮寫

body{
? ?font:italic ?bold ?12px/1.5em ?"宋體",sans-serif;
}

注意：

1、使用這一簡寫方式你至少要指定 font-size 和 font-family 屬性，其他的屬性(如 font-weight、font-style、font-variant、line-height)如未指定將自動使用默認值。

2、在縮寫時 font-size 與 line-height 中間要加入“/”斜扛。

一般情況下因為對于中文網(wǎng)站，英文還是比較少的，所以下面縮寫代碼比較常用：

body{
? ?font:12px/1.5em ?"宋體",sans-serif;
}

只是有字號、行間距、中文字體、英文字體設(shè)置。

使用color設(shè)置字體顏色

color的值有3種設(shè)置方式：

英文命令顏色

p{color:red;}

RGB顏色

這個與 photoshop 中的 RGB 顏色是一致的，由 R(red)、G(green)、B(blue) 三種顏色的比例來配色。

p{color:rgb(133,45,200);}

每一項的值可以是 0~255 之間的整數(shù)，也可以是 0%~100% 的百分數(shù)。如：

p{color:rgb(20%,33%,25%);}

十六進制顏色

這種顏色設(shè)置方法是現(xiàn)在比較普遍使用的方法，其原理其實也是 RGB 設(shè)置，但是其每一項的值由 0-255 變成了十六進制 00-ff。

p{color:#00ffff;}

配色表：

使用font-style設(shè)置字體樣式

1、font-style可以設(shè)置字體樣式，并且有種3設(shè)置方式。

2、正常字體為normal,也是font-style的默認值。

3、italic為設(shè)置字體為斜體，用于字體本身就有傾斜的樣式。

4、oblique為設(shè)置傾斜的字體，強制將字體傾斜。

?

使用font-weight設(shè)置字體粗細

font-weight: bold ? 表示文字以粗體顯示。

normal 默認值。定義標準的字符。
bold 定義粗體字符。
bolder 定義更粗的字符。
lighter 定義更細的字符。

100-900定義由細到粗的字符。400 等同于 normal，而 700 等同于 bold。
inherit 規(guī)定應該從父元素繼承字體的粗細。

粗體字：font-weight:bold;

傾斜字：font-style:italic;
? 下劃線文字：text-decoration:underline;
? 刪除線文字：text-decoration:line-through;

使用font-size設(shè)置字體大小

設(shè)置網(wǎng)頁中文字的字號為12像素：

body{font-size:12px;}

?使用font-family設(shè)置字體系列

例如：

????????body{font-family:"宋體";}

現(xiàn)在一般網(wǎng)頁喜歡設(shè)置“微軟雅黑”，如下代碼：

body{font-family:"Microsoft Yahei";}

或

body{font-family:"微軟雅黑";}

注意：第一種方法比第二種方法兼容性更好一些。

因為這種字體即美觀又可以在客戶端安全的顯示出來（用戶本地一般都是默認安裝的）。

選擇器最高層級!important

注意：!important要寫在分號的前面

樣式優(yōu)先級為：瀏覽器默認的樣式 < 網(wǎng)頁制作者樣式 < 用戶自己設(shè)置的樣式，但記住!important優(yōu)先級樣式是個例外，權(quán)值高于用戶自己設(shè)置的樣式。

下面是權(quán)值的規(guī)則：

標簽的權(quán)值為1，類選擇符的權(quán)值為10，ID選擇符的權(quán)值最高為100。例如下面的代碼：

p{color:red;} /*權(quán)值為1*/

p span{color:green;} /*權(quán)值為1+1=2*/

.warning{color:white;} /*權(quán)值為10*/

p span.warning{color:purple;} /*權(quán)值為1+1+10=12*/

#footer .note p{color:yellow;} /*權(quán)值為100+10+1=111*/

注意：還有一個權(quán)值比較特殊--繼承也有權(quán)值但很低，有的文獻提出它只有0.1，所以可以理解為繼承的權(quán)值最低。

選擇器的優(yōu)先級依次是:

?????????????內(nèi)聯(lián)樣式 > id選擇器 > 類選擇器 > 標簽選擇器 > 通配符選擇器

分組選擇器

?當你想為html中多個標簽元素設(shè)置同一個樣式時，可以使用分組選擇符（，）

.first,#second span{

? ? ? ? ? ?color:green;

? ? ? ?}

=? .first{color:green};

? ? #second span{};

偽類選擇符，它允許給html不存在的標簽（標簽的某種狀態(tài)）設(shè)置樣式，

比如說我們給html中一個標簽元素的鼠標滑過的狀態(tài)來設(shè)置字體顏色：

a:hover{color:red;}

上面一行代碼就是為 a 標簽鼠標滑過的狀態(tài)設(shè)置字體顏色變紅。這樣就會使第一段文字內(nèi)容中的“膽小如鼠”文字加入鼠標滑過字體顏色變?yōu)榧t色特效。

關(guān)于偽選擇符：

??? 關(guān)于偽類選擇符，到目前為止，可以兼容所有瀏覽器的“偽類選擇符”就是 a 標簽上使用 :hover 了（其實偽類選擇符還有很多，尤其是 css3 中，但是因為不能兼容所有瀏覽器，本教程只是講了這一種最常用的）。其實 :hover 可以放在任意的標簽上，比如說 p:hover，但是它們的兼容性也是很不好的，所以現(xiàn)在比較常用的還是 a:hover 的組合。

通用選擇器? ?是功能最強大的選擇器，它使用一個（*）號指定，它的作用是匹配html中所有標簽元素，如下使用下面代碼使用html中任意標簽元素字體顏色全部設(shè)置為紅色：

* {color:red;}

包含選擇器，即加入空格,用于選擇指定標簽元素下的后輩元素。(or 后代選擇器)

包含選擇器與子選擇器的區(qū)別，子選擇器（child selector）僅是指它的直接后代，或者你可以理解為作用于子元素的第一代后代。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進行選擇，而子選擇器是通過“>”進行選擇。

總結(jié)：>作用于元素的第一代后代，空格作用于元素的所有后代。

子選擇器，即大于符號(>),用于選擇指定標簽元素的第一代子元素。