1.主要内容
2.css概述
CSS层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
CSS是用来美化网页的,没有网页CSS则毫无用处,所以CSS需要依赖HTML来展示其功能。
3.CSS基础使用
css样式由选择器和一条或多条以分号隔开的声明组成,每条声明包含一个css属性和属性值。
选择器名{
属性:属性值;
......
}
4.css选择器
在css中,选择器是一种模式,用于选择需要添加样式的元素。
4.1 基本选择器
4.1.1通用选择器
选择所有*
*{ .....
}
*{
color:orange;
}
4.1.2元素选择器
选择指定标签
元素名称{....
}
p{ color:red; font-size:20px; }
4.1.3.ID选择器
选择设定过制定id属性值的元素
#id属性值{....
}
#p1{ font-weight:bold; }
4.1.4类选择器
选择设定过指定class值的元素
.class属性值{....
}
.hidden{ display:none; }
4.1.5分组选择器
当几个元素样式属性一样时,可以共同调用一个声明,元素直接用逗号分割
选择器1,选择器2,....{....
}
4.2组合选择器
css组合选择器说明了两个选择器之间的关系,css组合选择符包含各种简单选择符的组合方式。
css中包含四种组合方式:后代选取器(空格分割),子元素选取器(大于号分割),相邻兄弟选择器(大于号分割),普通兄弟选择器(波浪线分割)