摘要:引入內(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自帶margin和padding
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#keyboard > div > kbd:hover > button{
color: red;
}
摘要:但在后端代碼中容易識別成注釋,慎用忘記加分號啦執(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:/...
摘要:預(yù)處理器的技術(shù)現(xiàn)在已經(jīng)很成熟了,而且也出現(xiàn)了各種不同的預(yù)處理器語言,但是呢不可能一一列出,面面俱到,這篇文章呢,主要是介紹一下比較常見的預(yù)處理器語言之一之初體驗。 CSS預(yù)處理器定義了一種新的語言,其基本思想是,用一種專門的編程語言,為CSS增加了一些編程的特性,將CSS作為目標(biāo)生成文件,然后開發(fā)者就只要使用這種語言進行編碼工作。 簡單來說,CSS預(yù)處理器用一種專門的編程語言,進行We...
閱讀 2959·2021-11-15 11:39
閱讀 1554·2021-08-19 10:56
閱讀 1120·2019-08-30 14:12
閱讀 3770·2019-08-29 17:29
閱讀 740·2019-08-29 16:21
閱讀 3443·2019-08-26 12:22
閱讀 1541·2019-08-23 16:30
閱讀 1048·2019-08-23 15:25