举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > css语法构成正确的是 CSS 语法

css语法构成正确的是 CSS 语法

2023-04-19 13:20 CSS教程

css语法构成正确的是 CSS 语法

css语法构成正确的是

CSS语法是由三部分组成的:选择器、属性和值。选择器用于指定要应用样式的元素,而属性和值则用于指定要应用的样式。

selector { 
    property: value; 
} 

选择器可以是 HTML 标签名、ID 名或者类名,也可以是多个选择器的组合。例如:

 
h1 { 
    font-size: 24px; 
    color: #000; 
} 
#header { 
    background-color: #ccc; 
} 
.main-nav li a { 
    font-weight: bold; 
}   

上面的代码中,h1 是一个 HTML 标签名;#header 是一个 ID 名;.main-nav li a 是一个类名。这些都是 CSS 选择器。然后就是 CSS 属性和对应的 CSS 值。例如 font-size 的 CSS 值是 24px;color 的 CSS 值是 #000 等等。

CSS 语法

CSS 语法


实例

  • 查看 实例 1
  • 查看 实例 2

CSS 实例

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。


CSS 实例

CSS 声明总是以分号 ( ; ) 结束,声明组以大括号 ({ }) 括起来:

p {color:red;text-align:center;}

为了让 CSS 可读性更强,你可以每行只描述一个属性:

实例

p
{color:red;
text-align:center;}

CSS 颜色值的写法

在描述颜色的时候,除了使用英文单词 red,我们还可以使用十六进制的颜色值 #ff0000: 

p { color: #ff0000; }

为了节约字节,我们可以使用 CSS 的缩写形式: 

p { color: #f00; }

我们还可以通过两种方法使用 RGB 值:

p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }

提示:当使用 RGB 百分比时,即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说,当尺寸为 0 像素时,0 之后不需要使用 px 单位。

在本站的编程实战部分中,介绍了CSS使用十六进制代码设置颜色,以及CSS使用rgb属性设置颜色,你可以参考该部分的内容进行更多了解。


CSS 注释

注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它。

CSS注释以 "" 结束, 实例如下:

        

p        

{       

text-align:center;       

     

color:black;     

font-family:arial;       

}


阅读全文
以上是名动网为你收集整理的css语法构成正确的是 CSS 语法全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们