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

資訊專欄INFORMATION COLUMN

CSS初體驗(yàn)#1

Turbo / 1151人閱讀

摘要：引入內(nèi)聯(lián)直接在標(biāo)簽內(nèi)寫屬性名屬性值添加標(biāo)簽，通常在里，結(jié)合選擇器給定屬性標(biāo)簽添加，選擇器和屬性外聯(lián)把多帶帶放在一個(gè)文件里，通過(guò)來(lái)加載這個(gè)文件，通常放在里文件地址文件中引入另一個(gè)文件，放在第一行就可以，不常用另一個(gè)地址關(guān)于列表列表橫排每個(gè)添加屬

引入css

內(nèi)聯(lián)：直接在標(biāo)簽內(nèi)寫

style="css屬性名: 屬性值;"

添加標(biāo)簽，通常在里，結(jié)合選擇器給定屬性

外聯(lián)：把css多帶帶放在一個(gè)文件里xxx.css，通過(guò)來(lái)加載這個(gè)文件，通常放在里

css文件中引入另一個(gè)css文件，放在第一行就可以，不常用

@import url(另一個(gè)css地址)

關(guān)于 ul 列表

ul 列表橫排

/*每個(gè)li添加float屬性*/
li{
    float: left;
}
/*添加浮動(dòng)，會(huì)使之后的html標(biāo)簽上移*/
/*在父輩（ul）添加類*/

.clearfix::after{
    content: "";
    display: block;
    clear: both;
}

/*可以使元素重新歸位*/

去掉項(xiàng)目符號(hào)

ul{
    list-style: none;
}

取消ul自帶margin和padding

ul{
    margin: 0;
    padding: 0;
}

css選擇器

所有元素

*{
    color: red;
}

id選擇器

#xxx{
    color: red;
}

類（class）選擇器

.xxx{
    color: red;
}
/*修改同時(shí)擁有 classname1 classname2 的元素下面的 xxx元素 的 css狀態(tài)*/
.classname1.classname2 > XXX{
    color: red;
}

后代元素

/*xxx下面的yyy*/
xxx yyy{
    color: red;
}

強(qiáng)制要求子元素

/*xxx下面的yyy，且yyy必須是xxx的子元素*/
xxx > yyy{
    color: red;
}

偽類選擇器

/*該選擇器選擇特定序號(hào)的元素*/

/*你要選的標(biāo)簽*/:nth-child(xxx){
    color: red;
}

xxx:
    even 選擇偶數(shù)序號(hào)
    odd  選擇奇數(shù)序號(hào)
    各式各類的函數(shù)
    :nth-child(1)= :first-child

組合

id="keyboard"的元素的子元素

下的子元素被懸浮時(shí)，下的子元素

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

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

相關(guān)文章

  • sass入門初體驗(yàn)

    摘要：接上文入門初體驗(yàn)，接下來(lái)講講，有兩種文件后綴名，一種是，另一種是。 接上文less入門初體驗(yàn)，接下來(lái)講講sass，sass有兩種文件后綴名，一種是.sass，另一種是.scss。前者類似于ruby的語(yǔ)法規(guī)則，沒(méi)有花括號(hào)，沒(méi)有分號(hào)，具有嚴(yán)格的縮進(jìn)；而后者更貼近于css的語(yǔ)法規(guī)則，易于閱讀，更具語(yǔ)義性，所以本文采用.scss后綴名來(lái)編寫sass代碼 編譯 1、Ruby:sass是由Rub...

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

  • html初體驗(yàn)#2

    摘要：但在后端代碼中容易識(shí)別成注釋，慎用忘記加分號(hào)啦執(zhí)行為協(xié)議，這里意思為不執(zhí)行任何命令忘記加分號(hào)啦執(zhí)行為協(xié)議，這里意思為不執(zhí)行任何命令標(biāo)簽也用于跳轉(zhuǎn)頁(yè)面，但必須有按鈕或者點(diǎn)擊才能跳轉(zhuǎn)完整樣式網(wǎng)址同標(biāo)簽提交必須寫屬性才能被提交。 碎碎念 關(guān)于布局 css布局：橫向、縱向 2019年新進(jìn)展：css grid git bash 上安裝 http server 目的在于不使用 file:/...

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

  • html初體驗(yàn)#2

    摘要：但在后端代碼中容易識(shí)別成注釋，慎用忘記加分號(hào)啦執(zhí)行為協(xié)議，這里意思為不執(zhí)行任何命令忘記加分號(hào)啦執(zhí)行為協(xié)議，這里意思為不執(zhí)行任何命令標(biāo)簽也用于跳轉(zhuǎn)頁(yè)面，但必須有按鈕或者點(diǎn)擊才能跳轉(zhuǎn)完整樣式網(wǎng)址同標(biāo)簽提交必須寫屬性才能被提交。 碎碎念 關(guān)于布局 css布局：橫向、縱向 2019年新進(jìn)展：css grid git bash 上安裝 http server 目的在于不使用 file:/...

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

  • 常見(jiàn)的CSS預(yù)處理器之Less初體驗(yàn)

    摘要：預(yù)處理器的技術(shù)現(xiàn)在已經(jīng)很成熟了，而且也出現(xiàn)了各種不同的預(yù)處理器語(yǔ)言，但是呢不可能一一列出，面面俱到，這篇文章呢，主要是介紹一下比較常見(jiàn)的預(yù)處理器語(yǔ)言之一之初體驗(yàn)。 CSS預(yù)處理器定義了一種新的語(yǔ)言，其基本思想是，用一種專門的編程語(yǔ)言，為CSS增加了一些編程的特性，將CSS作為目標(biāo)生成文件，然后開(kāi)發(fā)者就只要使用這種語(yǔ)言進(jìn)行編碼工作。 簡(jiǎn)單來(lái)說(shuō)，CSS預(yù)處理器用一種專門的編程語(yǔ)言，進(jìn)行We...

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

  • less入門初體驗(yàn)

    摘要：有眾多的預(yù)處理器，其中比較流行的三個(gè)是，本文就一起來(lái)體驗(yàn)編寫代碼官方文檔官網(wǎng)栗子編譯成文件編譯客戶端瀏覽器通過(guò)在源代碼中引入文件，用于實(shí)時(shí)對(duì)樣式表文件進(jìn)行編譯并不推薦注意你的樣式文件一定要在引入前先引入，并且需要 css有眾多的預(yù)處理器，其中比較流行的三個(gè)是less、sass、stylus，本文就一起來(lái)體驗(yàn)less編寫css代碼官方文檔:http://lesscss.org/官網(wǎng)栗子:...

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

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

0條評(píng)論

閱讀需要支付1元查看
<