一、CSS简介
- CSS 是 Cascading Style Sheets 的缩写,即:层叠样式表单
- CSS 是 HTML 语言的一种扩展,其主要作用为:
●定义 Web 页面布局以及页面中元素的显示方式
●利用 CSS 样式实现 HTML 内容(结构)与表现(格式)的分离
二、CSS语法
-
语法结构
-
注释
以 /* 开始,以 */ 结束,中间为注释内容 -
CSS引入方式
●内嵌式:又称行内式,在HTML标签上编写样式,如:<p style="color:red">
●内部式:包含在HTML的<head></head>
中,只对当前页面有效,如:<style>...</style>
●外部式:链接引入外部样式表文件,如:<link href="style.css" ...>
三、CSS选择器
●标签选择器
HTML标签名(元素)作为选择器名称,如:div 、h1 、p …
●类选择器
类(class)用于描述一组标签的样式,class 可以用在多个标签中
●ID选择器
ID选择器用于为标有特定ID的HTML标签设置样式
●通配选择器
利用 * 为指定范围内的所有标签设置样式
●包含选择器
HTML中为父元素(标签)下的子元素设置样式
●选择器分组
为一组元素设置相同样式,利用逗号分割多个选择器