CSS知識達標

css知識達標

什麼是css？

答：css全稱級聯樣式表，主要是給html新增樣式和風格的

css分為：

1.1 元素內嵌式，定義在html標籤裡的style屬性值，也就是說將css樣式解除安裝html標籤上

1.2 內聯樣式表，定義在head中的style內部，就是在head標籤內，寫乙個style標籤，將內聯樣式表寫在裡面，這樣就減少了很多的冗餘**

1.3 外聯樣式表：將多個網頁中共性的樣式，定義在乙個 ***.css結尾的檔案中。未來需要使用樣式的html頁面，通過標籤link 來引用

一、選擇器

首先我們要知道，css樣式是伴隨著html的執行而執行的，最主要的作用是給html新增樣式的

1、id選擇器：id選擇器的標籤id要全域性唯一，每乙個html 的標籤都可以設定乙個id值

2、標籤選擇器：顧名思義，也就是把每乙個html標籤當成乙個選擇器，在head的style標籤內呼叫，從而批量的去新增樣式或者做一些需要的操作

3、class選擇器：每乙個html 的標籤都可以設定乙個class值，就像id選擇器一樣，我們可以給每乙個html的標籤設定乙個id值，那麼我們也可以給每乙個html標籤設定乙個class值，同樣的在head裡的style標籤裡進行操作

4、組合選擇器：我們在寫html頁面的時候，隨著功能和樣式的增多，那麼標籤也會很多，如果我們需要對很多的標籤一起進行操作的話我們可以選擇組合選擇器，組合選擇器也可以看作是標籤選擇器的公升級版，標籤選擇器是對乙個html標籤進行操作，那麼組合選擇器就是對很多的標籤進行操作，只需要在多個標籤中加上逗號隔開就好

5、後代選擇器：後代選擇器在使用時不需要加上逗號，後代選擇器的意思就是，我們在寫標籤時可能乙個標籤內又巢狀了乙個標籤，那麼用後代選擇器的話可以對當前標籤的後代也就是說巢狀的哪個標籤進行操作

6、偽類偽屬性選擇器：這個選擇器是css官方已經定義好的選擇器，我們可以直接拿著使用就好

font：size；可以設定字型大小

color：red；可以設定字型的顏色

cursor：wait；可以設定等待樣式point設定的是乙個小手的樣式

重點：css中常用的基礎樣式

背景：1.1 設定背景顏色：background-color：顏色(英文)

1.2 設定背景：background-image:url（路徑）

1.3 設定背景平鋪效果： background-repeat: no-repeat (不平鋪) / repeat-x (橫向平鋪)/ repeat-y（縱向平鋪）

1.4 設定大小：background-size 寬高一般只設定寬

1.5 設定背景是否跟隨頁面滾動： background-attachment: scroll （跟隨頁面滾動）【預設】/ fixed(不跟隨頁面滾動)

2. 文字

2.1 設定文字的對其方式： text-align: left/center/right;

2.2 設定文字中橫線的位置： text-decoration : none / overline （上劃線）/underline(下劃線)/ line-through(貫穿線)

3. 字型

3.1 字型大小： font-size: 值

3.2 設定字型型別： font-family: 楷體等等;

3.3 設定字型線型的粗細： font-weight: bold;

4. 列表

設定列表項前面的圖形樣式： list-style-type: circle(空心圓) / square(實心正方形)

css的布局

1.1行內元素：行內元素的特點是與其他行內元素在同一行，通常不可以設定寬和高

比如 input font a 標籤都是行內元素

1.2 塊級元素：塊級元素表示自己獨佔一行，不與其他元素在同一行，可以設定寬和高

1.3 span標籤：span標籤是行內元素，span標籤的本身是沒有任何的樣式的，只要是在程式設計中方便對選中的進行樣式的設定

1.4 div標籤：div標籤代表的是塊級元素，乙個div代表著一塊區域

1.5 div 的常用屬性

1.6盒子布局的概念

CSS知識達標

SSD磁碟測試不達標排查

css 冷知識 css變數

CSS知識整理

CSS知識達標

SSD磁碟測試不達標排查

css 冷知識 css變數

CSS知識整理

相關推薦