css學習基礎詳細(常用)
背景和邊框
1.背景
用類進行選擇
.類名{
background:顏色;
}
2.邊框
用類選擇
.類名{
background:顏色;
border:npx solid 顏色代碼
}
solid 可以換成dased 直線換成點狀
常用樣式
文字大小。文字粗細,和字體
1.font-size:npx;
2.font-weight: ;bold normal
3.font-family: "";
文字顏色,文字對齊,文字裝飾
1.color: ;
2.text-align:;left right center
3.text-decoration:none; 很少用,一般用在清楚鏈接文字的下劃線
框模型(盒模型)
width:npx;
height:npx;
background:;
padding:npx; 內邊距
margin:npx;外邊距
margin
border
padding
定位
1.bsolute
生成絕對定位的元素,相對於 static 定位以外的第一個父元素進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
2.fixed
生成絕對定位的元素,相對於瀏覽器窗口進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
3.relative
生成相對定位的元素,相對於其正常位置進行定位。
因此,"left:20" 會向元素的 LEFT 位置添加 20 像素。
4.static 默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。
5.inherit 規定應該從父元素繼承 position 屬性的值。
清除浮動
float:;left right center
清除浮動clear:both;
本文出自 “大李子” 博客,謝絕轉載!
css學習基礎詳細(常用)