資訊專欄INFORMATION COLUMN
摘要：字體屬性斜體復合屬性文本屬性詞的間距，通過空格來識別字母間隔，可以為負值橫向排列讓文字水平居中內聯元素和垂直對齊設置行間距離讓一行文字垂直居中。對影響大指定要過渡的屬性用隔開。
摘要：本文是我在學習前端的過程中整理的一些常用css屬性，部分是css3新增的，因能力有限，文中如有錯誤，歡迎提出，我會及時修改。希望對大家有幫助！
?
CSS屬性
CSS屬性 1
1. css顏色屬性 5
1.1. 字體顏色 5
1.2. 背景顏色 5
2. 頁面布局相關屬性 5
2.1. display 5
2.2. position 6
2.2.1. position:relative 6
2.2.2. position:absolute 6
2.2.3. position:fixed 7
2.2.4. z-index:number 7
2.3. clear 7
2.4. float 8
2.5. visibility 8
2.6. overflow 8
2.6.1. visible 8
2.6.2. hidden 8
2.6.3. auto 8
2.6.4. scroll 9
2.7. overflow-x 9
2.8. overflow-y 9
2.9. padding(內邊距屬性已說明) 9
2.10. margin 9
2.10.1. margin-left 9
2.10.2. margin-top 9
2.10.3. margin-right 9
2.10.4. margin-bottom 9
2.10.5. margin 多個值 9
3. css字體屬性 10
3.1. font-family 10
3.2. font-size 10
3.3. font-weight 10
3.4. font-style 10
3.5. font-varient 10
3.6. font 復合屬性 10
4. css文本屬性 10
4.1. word-spacing 10
4.2. letter-spacing 10
4.3. text-align 11
4.4. vertical-align 11
4.5. line-height 11
4.6. text-decoration 11
4.7. text-indent 11
4.8. word-wrap 11
4.9. overflow-wrap 12
4.10. white-space 12
5. 尺寸屬性 12
5.1. width 12
5.2. height 12
6. 邊框屬性 12
6.1. border-style 12
6.2. border-width 12
6.3. border-color 13
6.4. border復合屬性 13
7. 內邊距屬性 13
7.1. padding-left 13
7.2. padding-right 13
7.3. padding-top 13
7.4. padding-botom 13
7.5. padding 13
8. 背景顏色屬性 14
8.1. background-color 14
8.2. background-image 14
8.3. background-repeat 14
8.4. background-position 14
8.5. background-attachment 14
8.6. background復合屬性 14
8.7. background-size 15
9. 游標?cursor 15
10. 列表相關的css屬性 15
10.1. list-style-type 15
10.2. list-style-position 16
10.3. list-style-image 16
10.4. list-style: 復合屬性 16
11. 表格相關的css屬性 16
11.1. table-layout 16
11.2. border-collapse 16
11.3. border-spacing 16
11.4. caption-side 16
11.5. empty-cells 17
12. css3新增屬性 17
12.1. box-sizing 17
12.2. outline 17
12.3. opacity 17
12.4. border-radius 18
12.4.1. border-top-left-radius 18
12.4.2. border-top-right-radius 18
12.4.3. border-bottom-left-radius 18
12.4.4. border-bottom-right-radius 18
12.5. outline 18
12.5.1. outline-style 18
12.5.2. outline-color 18
12.5.3. outline-width 18
12.5.4. outline復合屬性 18
12.6. box-shadow 19
12.7. transform 19
12.7.1. transform-origin 19
12.8. transition 19
12.8.1. transition-property 19
12.8.2. transition-duration 20
12.8.3. transition-timing-function 20
12.8.4. transition-delay 20
12.8.5. transition 復合屬性 20
12.9. animation 20
12.9.1. animation-name 20
12.9.2. animation-duration 20
12.9.3. animation-timing-function 20
12.9.4. animation-delay 21
12.9.5. animation-iteration-count 21
12.9.6. animation-direction 21
12.9.7. animation-play-state 21
12.9.8. animation 復合屬性 21
?
附上整篇文章的思維導圖
?
1. css顏色屬性
1.1. 字體顏色
字體顏色相關屬性設置：
color：red
color：#f90
color:rgb(250,250,0)
color:rgba(r,g,b,透明度（0-1）)
?
1.2. 背景顏色
背景顏色相關屬性設置：
background:#f90;
background:rgb(255,255,0);
background:red;
background:rgba()
?
2. 頁面布局相關屬性
2.1. display
display
block 設置元素為塊狀元素
、
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1930.html
摘要：寫在前面金三銀四又到了一年一度的跳槽季相信大家都在準備自己面試筆記我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結方便自己復習詳細內容會在之后一一對應地補充上去有些在我的個人主頁筆記中也有相關記錄這里暫且放一個我的面試知識點目錄大家 寫在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準備自己面試筆記, 我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結,方便自...
摘要：寫在前面金三銀四又到了一年一度的跳槽季相信大家都在準備自己面試筆記我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結方便自己復習詳細內容會在之后一一對應地補充上去有些在我的個人主頁筆記中也有相關記錄這里暫且放一個我的面試知識點目錄大家 寫在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準備自己面試筆記, 我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結,方便自...
摘要：主要通過樣式為其賦予不同的表現標簽用來定義內聯行內元素，并無實際的意義。html文檔結構 1 DOCTYPE html> 2 <html lang="zh-CN"> #這個lang表示語言，zh-CN中文的意思，整個文檔的內容以中文為主，如果以英文為主，就寫成lang=en 3 4 <head> 5 <meta charset...
摘要：效果圖為了讓效果更明顯，特意設置了兩邊字體大小不同關鍵代碼父容器子容器這里要提一下的是，只對于內聯元素或者內聯內容有效，比如說為塊級元素標簽設置行高，實際上是為標簽中的內聯文字設置了行高。允許指定負長度值和百分比值。 前言 先扯一段廢話來引入好了。又很久沒有寫文章了（間接性躊躇滿志，持續性混吃等死），幾個月了登上來看到有人收藏和點贊，感到很慚愧，最近主要精力花費在react和redux...
閱讀 3967·2021-11-16 11:44
閱讀 5188·2021-10-09 09:54
閱讀 2030·2019-08-30 15:44
閱讀 1678·2019-08-29 17:22
閱讀 2752·2019-08-29 14:11
閱讀 3388·2019-08-26 13:25
閱讀 2324·2019-08-26 11:55
閱讀 1595·2019-08-26 10:37
