成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

css屬性（常用屬性整理）

leanxi / 1573人閱讀

摘要：字體屬性斜體復(fù)合屬性文本屬性詞的間距，通過(guò)空格來(lái)識(shí)別字母間隔，可以為負(fù)值橫向排列讓文字水平居中內(nèi)聯(lián)元素和垂直對(duì)齊設(shè)置行間距離讓一行文字垂直居中。對(duì)影響大指定要過(guò)渡的屬性用隔開(kāi)。

摘要：本文是我在學(xué)習(xí)前端的過(guò)程中整理的一些常用css屬性，部分是css3新增的，因能力有限，文中如有錯(cuò)誤，歡迎提出，我會(huì)及時(shí)修改。希望對(duì)大家有幫助！

?

CSS屬性

CSS屬性 1

1. css顏色屬性 5

1.1. 字體顏色 5

1.2. 背景顏色 5

2. 頁(yè)面布局相關(guān)屬性 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(內(nèi)邊距屬性已說(shuō)明) 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 多個(gè)值 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 復(fù)合屬性 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. 邊框?qū)傩?12

6.1. border-style 12

6.2. border-width 12

6.3. border-color 13

6.4. border復(fù)合屬性 13

7. 內(nèi)邊距屬性 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復(fù)合屬性 14

8.7. background-size 15

9. 游標(biāo)?cursor 15

10. 列表相關(guān)的css屬性 15

10.1. list-style-type 15

10.2. list-style-position 16

10.3. list-style-image 16

10.4. list-style: 復(fù)合屬性 16

11. 表格相關(guān)的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復(fù)合屬性 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 復(fù)合屬性 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 復(fù)合屬性 21

?

附上整篇文章的思維導(dǎo)圖

?

1. css顏色屬性

1.1. 字體顏色

字體顏色相關(guān)屬性設(shè)置：

color：red

color：#f90

color:rgb(250,250,0)

color:rgba(r,g,b,透明度（0-1）)

?

1.2. 背景顏色

背景顏色相關(guān)屬性設(shè)置：

background:#f90;

background:rgb(255,255,0);

background:red;

background:rgba()

?

2. 頁(yè)面布局相關(guān)屬性

2.1. display

display

block 設(shè)置元素為塊狀元素

、

、

、
、

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://hztianpu.com/yun/1930.html

相關(guān)文章

  • 前端面試知識(shí)點(diǎn)目錄整理

    摘要：寫(xiě)在前面金三銀四又到了一年一度的跳槽季相信大家都在準(zhǔn)備自己面試筆記我也針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié)方便自己復(fù)習(xí)詳細(xì)內(nèi)容會(huì)在之后一一對(duì)應(yīng)地補(bǔ)充上去有些在我的個(gè)人主頁(yè)筆記中也有相關(guān)記錄這里暫且放一個(gè)我的面試知識(shí)點(diǎn)目錄大家 寫(xiě)在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準(zhǔn)備自己面試筆記, 我也針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié),方便自...

    xzavier 評(píng)論0 收藏0

  • 前端面試知識(shí)點(diǎn)目錄整理

    摘要：寫(xiě)在前面金三銀四又到了一年一度的跳槽季相信大家都在準(zhǔn)備自己面試筆記我也針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié)方便自己復(fù)習(xí)詳細(xì)內(nèi)容會(huì)在之后一一對(duì)應(yīng)地補(bǔ)充上去有些在我的個(gè)人主頁(yè)筆記中也有相關(guān)記錄這里暫且放一個(gè)我的面試知識(shí)點(diǎn)目錄大家 寫(xiě)在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準(zhǔn)備自己面試筆記, 我也針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié),方便自...

    enda 評(píng)論0 收藏0

  • html常用標(biāo)簽整理

    摘要：主要通過(guò)樣式為其賦予不同的表現(xiàn)標(biāo)簽用來(lái)定義內(nèi)聯(lián)行內(nèi)元素，并無(wú)實(shí)際的意義。html文檔結(jié)構(gòu) 1 DOCTYPE html> 2 <html lang="zh-CN"> #這個(gè)lang表示語(yǔ)言，zh-CN中文的意思，整個(gè)文檔的內(nèi)容以中文為主，如果以英文為主，就寫(xiě)成lang=en 3 4 <head> 5 <meta charset...

    番茄西紅柿 評(píng)論0 收藏0

  • css常用技巧整理-布局綜述篇

    摘要：效果圖為了讓效果更明顯，特意設(shè)置了兩邊字體大小不同關(guān)鍵代碼父容器子容器這里要提一下的是，只對(duì)于內(nèi)聯(lián)元素或者內(nèi)聯(lián)內(nèi)容有效，比如說(shuō)為塊級(jí)元素標(biāo)簽設(shè)置行高，實(shí)際上是為標(biāo)簽中的內(nèi)聯(lián)文字設(shè)置了行高。允許指定負(fù)長(zhǎng)度值和百分比值。 前言 先扯一段廢話來(lái)引入好了。又很久沒(méi)有寫(xiě)文章了（間接性躊躇滿志，持續(xù)性混吃等死），幾個(gè)月了登上來(lái)看到有人收藏和點(diǎn)贊，感到很慚愧，最近主要精力花費(fèi)在react和redux...

    endiat 評(píng)論0 收藏0

  • 前端開(kāi)發(fā)知識(shí)點(diǎn)整理

    摘要：前言本文主要是有關(guān)前端方面知識(shí)按照目前的認(rèn)知進(jìn)行的收集歸類(lèi)概括和整理，涵蓋前端理論與前端實(shí)踐兩方面。 前言：本文主要是有關(guān)前端方面知識(shí)按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類(lèi)、概括和整理，涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會(huì)告訴你前端需要了解的知識(shí)大致有什么，看上去有很多，但具體你要學(xué)什么，還是要 follow your heart & follow your BOSS。 初衷...

    Blackjun 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<