CSS:层叠样式表
1.(Cascading Style Sheets,缩写为 CSS)是一种样式表语言,用来描述 HTML 或 XML(包括如 SVG、MathML 或 XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其他媒体上的元素应该如何被渲染的问题。
什么是 CSS? 和 HTML 类似,CSS 也不是真正的编程语言,甚至不是标记语言。CSS 是一门样式表语言,这也就是说人们可以用它来选择性地为 HTML 元素添加样式。举例来说,以下 CSS 代码选择了所有的段落文字,并将它们设置为红色。
CSS
CSS
p {
color: red;
}
2.css的样式特性
①继承性 文本样式和字体样式的继承 绝大多数文本字体样式,可以被继承 a标签不会继承字体颜色
②堆叠性 为一个标签定义多个样式规则 如果样式属性不冲突,都会作用到这个标签上
③优先级 默认优先级 高 内联样式 中 内部样式,外部样式-------就近原则 低 浏览器默认样式 f12关于优先级的显示 默认情况下,f12中样式是按照默认优先级顺序从上往下显示
④调整优先级 设置最高优先级 !important,比内联都高 写在某一个值与分号之间,!important与值之间有空格 color: red !important ; 注意,内联样式不允许设置!important,语义要求
3.基础选择器
选择器,规范了页面中哪些元素能够使用当前设置的样式 就是一个条件,符合这个条件的元素都可以使用这个样式
1.通用选择器 {样式声明} (匹配所有元素,但是的效率非常低,不建议使用) 例:*{margin:0;padding:0}
2.元素选择器 标签关键字{样式声明;} div{} p{}
3.ID选择器 <元素 id=“id值”> #id值{样式声明} id在一个页面中不能重复,所有id选择器只被一个元素应用
4.类选择器 使用.定义样式,哪个元素想用,用class都能调用 <元素 class=“类名”> .类名{样式声明}
类选择器的其它用法 ①.多类选择器 <元素 class="类名1 类名2 类名3.......">
②.分类选择器 元素选择器.类选择器{样式声明} .类选择器.类选择器{样式声明} .tooltip.show{}