javaWeb学习记录之CSS

一、 CSS概述
1、CSS是什么？

• CSS 指层叠样式表
  2、CSS有什么作用？
  CSS就是用来修饰HTML
  3、CSS代码规范
  选择器名称 { 属性名：属性值；属性名：属性值；…….}
  属性与属性之间用 分号 隔开
  属性与属性值直接按用 冒号 连接
  如果一个属性有多个值的话，那么多个值用 空格 隔开。例如： border:5px solid red;
  注释：/ 注释内容*/

二、CSS选择器（重点）

*CSS选择器：指定了CSS样式作用于哪个HTML标签上

1、基本选择器
 HTML标签选择器（优先级最低）
*就是把HTML标签名作为选择器名称
*格式： 标签名 {}

 类选择器
*样式格式： .class名{}
*标签格式：

*能设置不同标签的相同样式

 Id选择器（优先级最高）
*样式格式： #id名{}
*标签格式：

*有针对性地设置样式
2、扩展选择器
 关系选择器
*两个或者多个选择器间存在关系
*格式：选择器1 选择器2 {}
*适用于标签嵌套

 组合选择器
*格式：选择器1,选择器2{}
*适用于多个不同标签设置相同样式

 伪元素选择器
*HTML预定义的选择器
*格式：标签名:选择器{}
*选择器名称为 HTML标签的状态。例如：a:link{}表示链接标签在未访问过 时的样式。
三、HTML与CSS的结合方式
*CSS必须结合HTML来用。
*4种使用方式：
A、style属性方式（内联样式）
*适合局部修改
*今天天气好晴朗

B、style标签方式：（内嵌样式）
		* 存在于head标签之中的
		*例如：