Web全栈技术指南-2.2.2 样式表语法 - 书目录

Web全栈技术指南-2.2.2 样式表语法

2.2.2 样式表语法

样式表由一系列的规则(rule)组成。每条规则具有如下形式:

selector {
declaration
}

以上面的hello.css为例,它仅包含一条规则:

p {
  color: blue;
  font-size: 2em;
}

规则的选择符(selector)决定了规则应用在哪些HTML元素上,声明(declaration)则决定了应用哪些样式。在上面的规则中,选择符是

p

意味着该规则对所有p(段落)元素适用。除了像p这样简单的元素选择符,选择符还有很多其他类型,可以完成非常精细、有效率的选择。参考这里了解更多关于CSS选择符:https://www.w3.org/community/webed/wiki/CSS/Selectors

上面的规则有两条声明:

color: blue;
font-size: 2em;

声明的格式是:

property-name: value

声明之间用分号“;”间隔。参考这里了解更多关于CSS声明属性(property):https://www.w3.org/community/webed/wiki/CSS/Properties

results matching “

    No results matching “

    134021

     

    转载链接:https://getfullstack.com/web_client/css/stylesheet-syntax.html