本質
全稱爲層疊樣式表(cascading style sheets)。屬於修飾HTML文件的語言。如果把HTML比作成word文檔的基本內容,CSS就是修飾word的設計和佈局部分,使基本的文檔樣式更多,佈局更好。
核心
CSS的使用方式(三種):外部樣式表(在head標籤中用<link rel="stylesheet" type="text/css" href="mystyle.css">)、內部樣式表(在head標籤中用style標籤)、內聯樣式(在標籤裏用style屬性)。外部樣式表的優越性是可以在多個HTML文件中使用樣式,內部樣式表的優越性是可以在特定HTML文件中使用樣式,內聯樣式可以在特定HTML標籤中使用樣式。
選擇器概念:選擇器(HTML中的標籤,id,class){屬性:值;屬性:值;}。其中標籤選擇器可以指定HTML一組元素的樣式;id選擇器可以指定一組HTML元素中標記id的元素的樣式;class選擇器可以描述一組元素的樣式,可以在多個元素中使用。
盒子模型的概念:CSS盒模型包裝HTML元素,它包括:margin(外邊框,沒顏色)、outline(輪廓,在邊框邊緣,有顏色)border(邊框)、padding(填充)、content(實際內容)
定位的概念:position屬性(static默認、relative相對、fixed固定、absolute絕對定位、sticky粘性)
處理溢出內容的概念:overflow屬性(visible默認、hidden其他內容不可見、scroll滑動可見、auto、inherit)
基本內容
對應HTML基本內容,也有五種。
處理文字:字體fonts、文本text、背景background;
處理列表:list-style-type屬性(circle、square、url、none)可以豐富列表前的標籤。
處理表格:用盒子模型(border、padding)、color、text-align等。
處理表單:同處理文字、處理表格類似,用盒子模型、文本處理。
處理鏈接:link(未訪問)、visited(已訪問)、hover(移動到鏈接上)、active(點擊)