學習css第三天

Yang€ 發表於 2020-10-17
CSS

感覺今天學的比之前難,但是還能接受。
重點

三大特性

*層疊性*
	優先順序同等的情況下 :如果樣式衝突,採取 "就近原則"
*繼承性*
	text-,font-,line-這些元素開頭的可以繼承,以及color屬性
	子元素可以繼承父元素的樣式
	行高的繼承
		line-height: 100%;
			行高取值為百分比時,先與父元素字型大小進行計算,再繼承給子元素
		line-height: 1.5;
			行高取值不寫單位時,先繼承給子元素,再與子元素的字型大小進行計算
**優先順序**
	當同一個元素指定多個選擇器,就會有優先順序的產生
	權重(從小到大)
		繼承 
			權重  "0,0,0,0"
		瀏覽器預設樣式
		萬用字元選擇器
			權重 "0,0,0,0"
		標籤選擇器
			權重 "0,0,0,1"
		類選擇器,偽類選擇器
			權重  "0,0,1,0"
		id選擇器
			權重 "0,1,0,0"
		行內樣式表
			權重  "1,0,0,0"
		!important
			權重最高的
		權重會疊加,但是不進位
			權重高的優先順序高
			權重一樣,則看層疊性

盒子模型

1.盒子包含的四大部分
1.實際內容
2.內邊距
3.邊框
4.外邊距

邊框–border
border——width 邊框粗細
border——style 邊框樣式
border——color 邊框顏色
border——collapse:collapse 細線 邊框
內邊距——padding:left 左邊距
top 上邊距
bottom 下邊距
right 右邊踞

複合寫法
padding:5px 上下左右
5px 10px 上下5px 左右10px
5px 10px 5px 上下5px 左右20px 下px
5px 10px 5px 5px
上 右 下 左
border–style
solid 實線 dashed 虛線 dotted 點線

外邊距 margin
控制盒子盒子的距離
盒子水平居中 margin:auto

li去黑點

list–style:none