一、css中常見屬性和值
1、字型屬性
1> 字型家族：
font-family
（宋體、楷體
...）
2> 字型風格：
font-style
（normal
普通、italic
斜體）
3> 字型大小：
font-size
4> 字型加粗：
font-weight
：bold
2、控制文字屬性
1> 文字字母間隔：
letter-spacing
（允許賦值1、
2、3...）
2> 文字修飾：
text-decoration
（underline
下劃線
overline
上劃線
line-through
刪除線）
3> 橫向排列：
text-align
4> 行高：line-height
5> 字型變形：text-transform （uppercase使字母由小寫變大寫）
6> 文字縮排 text-indent
3、背景屬性
1> 背景顏色：
background-color
2> 背景：
background-image
：url
（位址）
3> 背景重複（平鋪）：background-repeat （repeat重複 repeat-x橫向重複 repeat-y縱向重複 no-repeat不重複）
4> 背景附件：background-attachment
5> 背景位置：background-position
橫向：left center right
縱向：top center bottom
二、div+css來布局**
1、div+css布局**和
table
相比有什麼優勢？
1> 由於之前的
table
，布局**，層層巢狀，導致搜尋引擎抓取的障礙增大，所以被淘汰，
div
抓取內容比較順利
2> table----顯示的時候，等整個
table
框架載入完畢一塊顯示，
div---
載入一部分顯示一部分，如果頁面太長的話，導致後面可能會出現空白
但是，**布局也並不是絕對的，現在 資料包表，後台管理方面 table比較方便的。
2、div+css
1> 內容、顯示相分離；
2> 提高工作效率
3> 利於改版和維護
4> 利於搜尋引擎優化
5> **簡潔，提高訪問速度
三、盒子模型
1、每個html
元素都可以看做乙個裝了東西的盒子，盒子具有寬度（
width
）和高度（
height
），盒子裡面的內容到盒子的邊框之間的距離即填充（
padding
），盒子本身有邊框（
border
），盒子邊框外和其他盒子之間還有邊距（
margin）
2、值複製
1> 如果缺少左外邊距的值，則使用右外邊距的值。
2> 如果缺少下外邊距的值，則使用上外邊距的值。
3> 如果缺少右外邊距的值，則使用上外邊距的值。
四、css定位
定位分為 relative
，absolute
，fixed
，static
1、絕對定位：position: absolute 如果把一段**，設定為絕對定位（absolute
），這段**就會脫離文件流飄起來了
2、相對定位：position
：realtive
3、top：乙個元素上外邊距邊界與其包含塊之間的偏移
4、left：乙個元素左外邊距邊界與其包含塊之間的偏移
5、vrtical-align：設定元素的垂直對齊方式
6、z-index：設定元素的堆疊順序，值高的元素會覆蓋值比較低的元素
CSS常見的屬性和值
內容有 字型 文字 背景 位置 邊框 列表等等 一 修飾字型的屬性 font family 字型族 times serif等 font size 字型大小 可用絕對大小 相對大小 長度 百分比等 font style 字型風格 normal italic斜體 oblique傾斜 font weigh...
CSS 定位和彈性盒子
1 相對定位 position relative 2 絕對定位 position absolute 3 固定定位 position fixed 生成絕對定位的元素，相對於瀏覽器視窗進行定位 4 預設值position static 預設值。沒有定位，元素出現在正常的流中 5 position inh...
CSS中定位屬性的常見屬性值
在使用css對頁面布局時，我們常會使用到定位屬性，定位主要應用於乙個元素在另外乙個元素之上，或者我們需要在網頁中精準地確定某乙個元素的位置，並且這個元素有明確的參照物。其常見的屬性值有五個 一 position static 預設值 預設值通常沒有任何布局效果，定位中的static也是這樣的存在。二...