成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS初體驗#1

Turbo / 1119人閱讀

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

引入css

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

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

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


    

外聯(lián):把css多帶帶放在一個文件里xxx.css,通過來加載這個文件,通常放在


    

css文件中引入另一個css文件,放在第一行就可以,不常用

@import url(另一個css地址)

關(guān)于 ul 列表

ul 列表橫排

/*每個li添加float屬性*/
li{
    float: left;
}
/*添加浮動,會使之后的html標(biāo)簽上移*/
/*在父輩(ul)添加類*/

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

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

去掉項目符號

ul{
    list-style: none;
}

取消ul自帶marginpadding

ul{
    margin: 0;
    padding: 0;
}

css選擇器

所有元素

*{
    color: red;
}

id選擇器

#xxx{
    color: red;
}

類(class)選擇器

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

后代元素

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

強制要求子元素

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

偽類選擇器

/*該選擇器選擇特定序號的元素*/

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

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

組合

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

下的子元素被懸浮時,下的子元素

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/115846.html

相關(guān)文章

  • sass入門體驗

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

    aisuhua 評論0 收藏0
  • html體驗#2

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

    Cobub 評論0 收藏0
  • html體驗#2

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

    xiangzhihong 評論0 收藏0
  • 常見的CSS預(yù)處理器之Less體驗

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

    desdik 評論0 收藏0
  • less入門體驗

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

    chinafgj 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<