css基礎知識總結

2022-08-29 11:48:11 字數 1014 閱讀 4322

一.權重的比較:

1.元素被選中: id選擇器》類選擇器》標籤選擇器

2.元素未選中:誰離目標近選誰

二.元素的居中

1.居中:

文字居中

水平居中

單行/多行

屬性:text-align:center

垂直居中

單行文字:line-height=height(設定行高等於個高)

多行文字:不設定高度,同時設定上下相等的padding

盒子居中

水平居中

屬性:margin:0 auto;

垂直居中

不設定父盒子高度,同時設定上下相等的padding

三、容器標籤、文字標籤、塊級元素、行內元素

1.容器標籤:簡單理解為可以巢狀其他所有標籤的容器

例如:div table ul ol li h dt dd 等

例如: span p img a 等

3.塊級元素:所有的容器級標籤都是塊級元素(p也是塊級元素)

例如:p,h1-h6,div,dl,ul,ol,li 等

4.行內元素:所有的文本級標籤都是行內元素(p除外)

例如:span p img a  input b u i 等

5.塊級元素特點:

l 獨佔一行

l 可以設定寬高

l 如果不設定寬度,子盒子自動盛滿父盒子的內容區域。(width

是盒子屬性不能繼承)

行內元素特點:

l 行內元素併排顯示

l 行內元素不能設定寬高

l 行內元素大小是內容撐開的。

6.塊級元素和行內元素的轉換 

display:顯示模式

block(行內元素轉為塊級元素,塊級有什麼特性,那麼這個元素就有什麼特性

)inline(塊級元素轉為行內元素

)inline-block(行內塊,既可以併排顯示又可以設定寬高

)

CSS基礎知識總結

1 使用css 2 css的優勢是容易修改樣式.標籤與css搭配起來使用能夠較好地修改格式。css中除了在標籤中編碼選擇器外,也可以在html本身的標籤中使用屬性來設定css格式。3 外部css的使用 4 css的優先順序基本原則是就近原則 因此在書寫是一般講外部式放在最前 在有相同權值的情況下,優...

CSS基礎知識點總結

一 css的簡介 1 什麼是css 層疊樣式表,css是對html進行樣式修飾語言 層疊 就是層層覆蓋疊加,如果不同的css樣式對同一html標籤進行修飾,樣式有衝突的部分應用優先順序高的,不衝突的部分共同作用 樣式表 就是css屬性樣式的集合 2 css的作用 1 修飾html的 使其html樣式...

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...