什么是CSS?
- Cascading Style Sheets层叠样式表,样式定义如何显示HTML元素
- 样式通常存储于样式表中,外部样式表通常存储在CSS文件中
- 多个样式定义可层叠为1,样式对网页中元素位置的排版进行像素级精确控制
对于同一个HTML元素,样式级别升序如下所示:
- 浏览器缺省设置
- 外部样式表
- 内部样式表(位于head标签内部)
- 内联样式(在HTML元素内部,优先级最高)
CSS语法:
css语法构成:
- 选择器,通常是需要改变样式的HTML元素
- 一条或者多条声明,每条声明由一个属性和一个值组成,属性之间以冒号分隔
- 声明以分号结束,声明组以大括号括起来
CSS选择器:
id选择器:在HTML起始标签中以id属性设置元素,在CSS中以"#"定义
class选择器:在HTML中以class属性表示,在CSS中类似选择器以"."表示
选择器优先级顺序(升序):
- 通用选择器
- 元素(类型)选择器
- 类选择器
- 属性选择器
- 伪类
- id选择器
- 内联样式
- !important规则除外(了解)
优先级法则:
- 选择器都有一个权值,此权值与优先级成正比
- 权值相等时,后出现的样式表设置要优先于先出现的样式表设置
- 创作者规则高于浏览者,网页编写者规则优先于浏览器设置
- 继承的CSS样式不如后来指定的CSS样式
- 在同一组属性设置中标有"!important"规则的优先级最大
CSS背景:
用于定义HTML元素的背景
- background-color:元素的背景颜色
- background-image:元素的背景图片
- background-repeat:背景图像的水平或者垂直平铺
- background-position:图像在背景中的位置
- background-attachment:图像是否固定或者随页面滚动
1 CSS简介&语法&选择器及优先级&背景&文本
原文:https://www.cnblogs.com/ltfxy/p/11454448.html