CSS初體驗#1

Turbo 發布于2019-08-30 14:12 / 1092人閱讀

摘要：引入內聯直接在標簽內寫屬性名屬性值添加標簽，通常在里，結合選擇器給定屬性標簽添加，選擇器和屬性外聯把多帶帶放在一個文件里，通過來加載這個文件，通常放在里文件地址文件中引入另一個文件，放在第一行就可以，不常用另一個地址關于列表列表橫排每個添加屬

引入css

內聯：直接在標簽內寫

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

添加標簽，通常在里，結合選擇器給定屬性

外聯：把css多帶帶放在一個文件里xxx.css，通過來加載這個文件，通常放在里

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

@import url(另一個css地址)

關于 ul 列表

ul 列表橫排

/*每個li添加float屬性*/
li{
    float: left;
}

/*添加浮動，會使之后的html標簽上移*/
/*在父輩（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狀態*/
.classname1.classname2 > XXX{
    color: red;
}

后代元素

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

強制要求子元素

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

偽類選擇器

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

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

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

組合

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

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

云服務器 GPU云服務器初體驗 1元體驗云主機 1元體驗云vps 1元體驗云服務器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115846.html

sass入門初體驗

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

aisuhua 2019-08-30 13:16 評論0 收藏0
html初體驗#2

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

Cobub 2019-08-30 14:10 評論0 收藏0
html初體驗#2

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

xiangzhihong 2019-08-01 18:42 評論0 收藏0
常見的CSS預處理器之Less初體驗

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

desdik 2019-08-30 11:11 評論0 收藏0
less入門初體驗

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

chinafgj 2019-08-30 13:17 評論0 收藏0