HTML中Css補充資料
阿新 • • 發佈：2017-05-17
... head 交集 styles 拓展 網頁 class 後代選擇器 link
3種樣式表
內部樣式表
在<head></head>中 <style type="text/css">......</style>定義不同的選擇器
外部樣式表運用
新建拓展名為CSS的樣式表文件
在CSS樣式表文件中，可編寫不同的選擇器
在網頁中，使用<link/>標記連接外部的樣式表文件
在對應的html標記中，使用id="id"選擇器名 class="class"選擇器名
<link href="文件地址" rel="stylesheet" style="text/css"/>
行內樣式表
不建議使用行內樣式表
在對應的html標記中，添加style="屬性:值;"
3種選擇器
標簽選擇器，自動應用到網頁中對應的html標記中
類選擇器，必須在html標記中，添加class=class選擇器名
ID選擇器，必須在html標記中，添加id=id選擇器名
二、CSS的高級應用——復合選擇器
1、後代選擇器 PS:只適用於html的標簽 不能以.或者#號開頭 PS:外層必須html標簽 內層（3個選擇器的任意一種）可以.或者#開頭
語法: 外層的html的標記 內層的標記{屬性:值} 2個標記名中必須空格
2、交集選擇器
語法：由兩個選擇器構成，第一個必須是標簽選擇器，
第二個必須是類選擇器或者ID選擇器，2個選擇器中不能有空格
方式1.
htm標記名.類選擇器名{屬性名:值；}
方式2.
htm標記名#id選擇器名{屬性名:值；}
3、並集選擇器——應用非常廣泛
選擇器1、選擇器2、選擇器3、選擇器4...選擇器n{屬性:值;....} 全都運用這些屬性、
HTML中Css補充資料