HTML中Css詳細介紹
阿新 • • 發佈:2017-05-17
維護 類型 html 外部 -html css樣式 樣式表 作用 tex
一、樣式表的作用
1、Css樣式表,層疊樣式表
2、類似於人類的衣服,網頁的衣服
3、作用:美化網頁
4、優勢:
1.內容與表現分離,便於維護
2.樣式豐富,頁面布局靈活
3.提高頁面的訪問速度,減少網絡的帶寬
4.有利於被seo收錄
二、樣式表的類型
1.行內樣式表 <html標記 p style="屬性:值;......"></html 標記>
2.內部樣式表——寫在<head></head>中的<style>標簽中
<head>
<style type="text/css>"</head></style>
選擇器(屬性:值)
3.外部樣式表
單獨的拓展名為css的文件
在文件中,直接編寫【選擇器】就可以了
在網頁中,連接外部的樣式表拓展名為css的文件 P103 <link type="text/css" rel="stylesheet" hre表文件"/>
三、CSS表的語法
選擇器的名{網頁的屬性:值;...............}
1.標簽選擇器--html標記
1.會自動應用的網頁的標簽上面
2.類選擇器--.選擇器名{屬性:值}
在需要應用選擇器的html標記中,添加屬性值
<html 標記 class="類選擇名">
3.ID選擇器--#選擇器名{屬性:值}
四、樣式表和選擇器的優先
行內樣式>內部樣式表>外部樣式表 ID>類選擇器>標簽
HTML中Css詳細介紹