css概念以及語法規則是什么

這篇文章主要為大家展示了“css概念以及語法規則是什么”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css概念以及語法規則是什么”這篇文章吧。

css

全稱 Cascading Style Sheet

html 頁面引入css

1，<link rel="stylesheet" href="url"> 寫在head標簽中

2, <style></style>

3,<p style="color:red;">內嵌樣式</p>

語法：

selector{

屬性名：屬性值；

proterty1:value；

width:100px;

/*注釋*/

...

瀏覽器私有屬性

chrome,safari

-webkit-

firefox

-moz-

IE

-ms-

opera

-o-

屬性值語法

padding:[<length>|<percentage>|auto]{1,4}

語法說明

1，基本元素 ：指的是語法中如length auto 等關鍵詞

2，組合符合 : 指的是 | 等語法說明符合，不同符號代表不同涵義

3 , 數量符號 : {} 以及數字

基本元素：

類型：基本類型（<length>,<percentage>,<color>...）

其他類型（<'padding-width'>,<color-stop>...）

符號：（/，）

inherit ，initial

組合符合

空格:數順序必須一致 且數量也一樣，如下

<'font-size'> <'font-family'>

合法值： 12px arial

非法：arial 12px

12px

&& ：<length>&&<color> 兩個值必須出現，不要求順序一致

合法： green 2px

1em blue

非法：1em

||：至少出現一個，順序不要求

|：只能出現其中一個，不同時出現

:bold [<length>|<percentage>] 分組作用

數量符號：

無 ： 表示基本元素只能出現一次 <length>

+： 出現一次或多次 <color> [,<color>]+

合法值：#fff , red ,gray

？：可以出現也可以不出現 相當于可選 inset？&&<color>

inset blue

red

{} :表示基本元素最少出現幾次，最多出現幾次 <length>{2,4}

*:可以出現0，1，或者多次

#:需要出現一次或者多次 ,多次用逗號隔開

@規則

@標識符 xxx；

@標識符 xxx{}；

常用： @media

@keyframes

@font-face

以上是“css概念以及語法規則是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！