1. 程式人生 > >css css樣式表 選擇器 宣告

css css樣式表 選擇器 宣告

css部分


css指層疊樣式表(cascading style sheets),它們控制網頁內容的外觀。使用css設定頁面樣式時,可以將內容與表現形式分開。網頁內容(HTML程式碼)
駐留在HTML檔案自身中,而css駐留在另一個檔案中(外部樣式表*.css)或HTML文件的另一部分(通常為檔案頭部分)中。


寫頁面時要做到 結構(HTML)、樣式(css)、行為(js)相分離,儘量做到完全解耦。


css樣式表的結構(選擇器和宣告兩部分)
選擇器:如元素名、類名、id名
宣告:如a{background-color:red;width:100px;宣告3;宣告4;}


層疊樣式表使用的引用方式?
行內樣式表 style=""
內部樣式表 <style>
外部樣式表<link rel="stylesheet" href="">
匯入@url("test.css");


css的基礎選擇器 id選擇器,class選擇器 ,標籤選擇器(如:a標籤,p標籤...)
#id 名{屬性名:屬性值;}
.class 名{屬性名:屬性值;}
標籤 名{屬性名:屬性值;}


css基礎選擇器的優先順序: id>class>元素>萬用字元*