f10@t's blog

CSS基础1--样式

字数统计: 555阅读时长: 2 min
2018/08/01

样式是CSS的最小语法单元 今天是8月1日,新的一个月新的起点,在接下来的时间里,我会坚持陆续每天学习HTML、CSS、JS内容,博客中的知识点主要来自W3cschool,CSDN和书本《HTML5+CSS3+JavaScript从入门到精通》,fighting~~ CSS每个样式包含两个内容:选择器声明(规则)

如:

1
body{font-size:12px; color:#333;}
这里的body是选择符,{}是样式分隔符,font-size: 12pxcolor: #333;都是声明、

选择符部分我们叫做网页标签名声明部分内部则有属性名及其属性值组成。下面是详细内容。

  1. 选择器(selector):选择器告诉浏览器该样式将作用于页面中哪些对象,这些对象可以是某个标签、所有网页对象、指定Class或ID值等。浏览器在解析这个样式时,根据选择器来渲染对象的显示效果。

  2. 声明(Declaration): 声明可以增加一个或无数个,这些声明命令浏览器如何去渲染选择器指定的对象,声明必须包括两个部分:属性属性值,并用分号';'来表示一个声明的结束,在一个样式的最后一个声明可以省略分号。整体被放在一个大括号内'{}'紧邻选择器的后面。

  3. 属性(Property): 属性是CSS提供的设置好的样式选项。属性名由一个单词或多个单词组成,多个单词之间通过连字符相连。

  4. 属性值(Value):属性值使用来显示属性效果的参数。包括:数值单位,或者关键字

例:要定义一个网页字体大小为12像素,字体颜色为深灰色:

1
body{font-size: 12px; color: #CCCCCC}
例:定义段落文本背景颜色为紫色
1
p{background-color: #FF00FF;}
同时,我们可以使用类似HTML中<!--注释语句-->的标签来进行注释,CSS使用/*注释语句*/来注释语句。注释内容页面中不会显示,只会在页面源代码中显示,良好的注释习惯有助于自己或他人来维护代码。

CATALOG