CSS的理解

本質

全稱爲層疊樣式表(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(點擊)

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章