今天天气非常晴朗,开启一天打卡学习~
css又称作层叠样式表(Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
关于css的一些基础概念理解
css指的是层叠样式表(Cascading Style Sheet),样式就是定义如何显示html元素,设置他的背景、字体大小颜色、边框等等。通常把样式存储到样式表中,为了代码简洁便于维护,大多数放置在css文件中,引入外部css文件,css文件就是一个外部样式表。
css样式特性
- 继承性
- 文本样式和字体样式的继承
- 绝大多数文本字体样式,可以被继承
- a标签不会继承字体颜色
- 堆叠性
- 为一个标签定义多个样式规则
- 如果样式属性不冲突,都会作用到这个标签上
- 优先级
- 默认优先级
- 高 内联样式
- 中 内部样式,外部样式-------就近原则
- 低 浏览器默认样式
- f12关于优先级的显示
- 默认情况下,f12中样式是按照默认优先级顺序从上往下显示
基础选择器
选择器,规范了页面中哪些元素能够使用当前设置的样式,就是一个条件,符合这个条件的元素都可以使用这个样式
-
通用选择器
*{margin:0;padding:0} -
元素选择器 标签关键字{样式声明;}
div{} p{} -
ID选择器
<元素 id=“id值”>#id值{样式声明}id在一个页面中不能重复,所有id选择器只被一个元素应用 -
类选择器 使用定义样式,哪个元素想用,用class都能调用
<元素 class=“类名”>
css常用属性
color: red;设置文字颜色font-size: 50px;设置文字大小font-family: “黑体”;设置字体(如果设置的是中文字体,要加双引号!)width: 100px;设置宽度height: 100px;设置高度background: red;设置背景色- 内容水平对齐方式:
text-align:left|center|right - 首行缩进:
text-indent