CSS語法總結(jié)

godlong_X 發(fā)布于2019-08-30 13:09 / 3159人閱讀

摘要：在學(xué)習(xí)的過程中，了解并掌握的語法是至關(guān)重要的，在這里總結(jié)一下相關(guān)的語法。一寫法代碼選擇器屬性名屬性值二寫在什么地方有三種方式，分別為行內(nèi)樣式，內(nèi)部樣式，外部樣式。

在學(xué)習(xí)CSS的過程中，了解并掌握CSS的語法是至關(guān)重要的，在這里總結(jié)一下相關(guān)的語法。

一、CSS寫法：

css 代碼

選擇器{
    屬性名：屬性值 
}

二、寫在什么地方：

有三種方式，分別為：行內(nèi)樣式，內(nèi)部樣式，外部樣式。

行內(nèi)樣式

直接寫在HTML標(biāo)簽內(nèi)，寫于style屬性當(dāng)中




    
    Document

內(nèi)部樣式

寫在頭部標(biāo)簽內(nèi)，置于style標(biāo)簽內(nèi)部




    
    Document

外部樣式

在head中用link標(biāo)簽引入，置于CSS文件中




    
    Document

css 代碼

.exp{
    height: 30px;
    width: 20px;
    background-color: #123456;
    box-shadow: 0 0 1px #132478;
}

三、注釋：

css 代碼

.exp{
    background: #123444;    /*背景色，注釋用此符號(hào)*/
    height: 90px;
    width: 80px;    //CSS中的注釋不能用此符號(hào)，和HTML有所不同
}

注：

在寫法上，瀏覽器的私有屬性放在前面，標(biāo)準(zhǔn)屬性放在后面。
私有屬性需要加前綴：加-webkit-，加-moz-，加-ms-，加-o-。

四、屬性值語法：

五、組合符號(hào)： 1、空格數(shù)量與順序必須保持一致

 <"font-size"> <"font-family">
 合法值：
 12px arial
 不合法值：
 12px   或者 arial 12px

2、&& 數(shù)量必須一致，順序隨意

 &&
 合法值：
 green 2px  或者  2em blue
 不合法值：
 blue  或者  5em

3、|| 必須出現(xiàn)一個(gè)，順序無關(guān)

 underline||overline||linethrough||blink
 合法值：
 underline  或者  overline underline

4、| 只能出現(xiàn)一個(gè)

 |transparent
 合法值：
 #123456  或者  transparent
 不合法值：
 #aabb33 transparent

5、[] 分組作用，作為整體

 bold [thin||]     合法值：
 bold thin  或者  bold 3px

七、數(shù)量符號(hào)： 1、無

     只能出現(xiàn)一次
 合法值：
 1px  或者  10em
 不合法值：
 1px 3em 5px

2、+ 可以出現(xiàn)一次或多次

 [,]+
 合法值：
 #fff,red,yellow  或者  blue,red 50%,black
 不合法值：
 #123456

3、？可出現(xiàn)，也可不出現(xiàn)

 inset？&&
 合法值：
 inset #123445  或  #abcd33

4、{} 基本元素可以出現(xiàn)幾次（最少出現(xiàn)幾次，最多出現(xiàn)幾次）

 {2,4}    最少出現(xiàn)兩次，最多出現(xiàn)四次
 合法值：
 1px 3em  或者  1px 3px 5em
 不合法值：
 3px

5、* 可以出現(xiàn)0次，1次或者多次

 [,]*
 合法值：
 1s     出現(xiàn)0次
 1s,5ms    出現(xiàn)1次

6、# 出現(xiàn)1次或多次，中間用”,"隔開

 #    相當(dāng)于    [,]*
 合法值：
 2s,4s,8s
 不合法值：
 2s 4s

八、@規(guī)則語法： 1、@標(biāo)識(shí)符 xxx; 2、@標(biāo)識(shí)符 xxx{} 常用的：

@media 響應(yīng)式布局
@keyframe 描述動(dòng)畫的中間步驟
@font-face 引入外部字體

云服務(wù)器 GPU云服務(wù)器年終總結(jié) 網(wǎng)絡(luò)總結(jié) 方法總結(jié) 函數(shù)總結(jié)

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

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

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

登陸后可評(píng)論

0條評(píng)論

godlong_X

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

anaconda怎么安裝tensorflow

閱讀 1201·2023-04-25 17:28
【Python爬蟲】騰訊視頻m3u8格式分析爬?。ǜ皆创a，高清無水印）

閱讀 3709·2021-10-14 09:43
Vultr優(yōu)惠活動(dòng)整理，最新活動(dòng)充100美元送100美元，有效期一年

閱讀 4012·2021-10-09 10:02
CSS總結(jié)

閱讀 1972·2019-08-30 14:04
CSS語法總結(jié)

閱讀 3160·2019-08-30 13:09
深入 css z-index 屬性

閱讀 3295·2019-08-30 12:53
前端實(shí)現(xiàn)文字跑馬燈的三種方式

閱讀 2942·2019-08-29 17:11
JavaScript線程機(jī)制與事件機(jī)制

閱讀 1848·2019-08-29 16:58

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

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

CSS語法總結(jié)

相關(guān)文章