一.權重的比較:
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 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...