1.CSS語法
1.行內方式
特點：將CSS內容定義在HTML標記中
語法：
<ANY style="樣式宣告1;樣式宣告2;……">
（1）樣式宣告由樣式屬性名以及值來組成
（2）多個樣式宣告之間用 : 做連接
常用樣式屬性和值：
（1）設定文本顏色的屬性和值
屬性：color
值：合法的顏色值（英文）
（2）設定背景顏色的屬性的值
屬性：background
值：合法的顏色值（英文）
（3）設定文字大小的屬性和值
屬性：font-size
值：以 px 或 pt 為單位的數值
練習：創建一個div標記，內容隨意，設定該標記內的文本顏色為黃色，背景顏色為紅色，文字大小為16px
<div style="color:yellow;background:red;font-size:16px;"> <p>春曉</p> <p>春眠不覺曉</p> <p>處處聞啼鳥</p> <p>夜來風雨聲</p> <p>花落知多少</p> </div>
2.內部樣式表
在網頁中的一個獨立的地方宣告網頁要用到的所有的樣式
語法：
<head>
<style>
/*注釋*/
樣式規則1
樣式規則2
……
樣式規則n
</style>
</head>
樣式規則：由 選擇器 和 樣式宣告 組成
選擇器：規范了頁面中哪些元素能夠使用宣告好的樣式，其實就是為了匹配頁面中的元素
樣式規則：
選擇器 {樣式宣告1;樣式宣告2}
練習：新建一個網頁，創建若干 p 標記和 h3 標記，內容隨意，使用內部樣式表將頁面中的 p 標記設定為顏色為藍色，文本大小為 23px，h3標記設定文本顏色為灰色，背景顏色為橙色
<style type="text/css">
p{
color: blue;
font-size: 23px;
}
h3{
color: silver;
background: orange;
}
</style>
3.外部樣式表
獨立于任何網頁的位置處，宣告一個樣式表檔案（***.css），在檔案中宣告樣式，在使用的網頁中進行引入，
<!-- 在外部檔案創建格式跟內部樣式表格式相同 --> <!-- 在使用的網頁中引入 --> <head> <link rel="stylesheet" href="https://www.cnblogs.com/hourglas/p/xxx.css"> </head>
2.CSS樣式表特征
1.繼承性
必須是父子（有層級關系）結構
大部分的css效果是可以直接繼承給子元素的
2.層疊性
可以為一個元素定義一個樣式規則，規則中的屬性不沖突時，可以同時應用到當前元素上
3.優先級
在層疊性基礎上，如果樣式沖突（重復）的話，則按照默認的優先級去應用樣式
優先級由 低 到 高：
（1）瀏覽器默認設定
（2）樣式表（內外部） ：就近原則 - 后定義者優先
（3）行內方式
4. !important 原則（顯示調整樣式屬性優先級）
樣式屬性 ：值 !important;
!important 加在誰的后邊，就以誰為主
3.CSS基礎選擇器
1.選擇器分類
（1）通用選擇器
可以與頁面上的任一元素相匹配
語法： *{樣式宣告}
（2）元素選擇器
設定頁面上某種元素的默認樣式
語法：標記{樣式宣告}
（3）類選擇器
定義頁面上某個或某些元素的樣式
特點：通過元素的class屬性進行參考的選擇器
語法：
1.宣告
.類名{樣式宣告}
注意：
1. 點 不能省略
2.類名不能以數字開頭
3.由英文，- ，_ 來組成
2.參考
<ANY >
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/164798.html
標籤：Html/Css
上一篇：前端開發選擇器
下一篇：前端開發選擇器