样式优先级
优先级和选择器相关
- 第1级：属性后面添加 !important，将该属性变为一级
- 第2级：内联样式
其他任何样式都小于这两级。优先级看权重，权重越大，优先级越高 - （*） -----1
- 标签选择器 -----1
- class选择器 -----2
- id选择器 -----3
- 父子、后代、兄弟、相邻兄弟 -----看符号之间各个选择器的权重和，但是先看符号前面的，如果符号前面的相等了，再比较符号后面的
注：
如果权重相等，最后写的谁，就实现谁
如果权重不等，但都是修改的一个标签，不重叠的样式都能够实现
伪类选择器
1.伪类选择器
普通选择器:伪类选择器{}
------普通选择器选择的是标签，伪类选择器选择的是选中的标签在不同场景下的某个状态
普通标签的状态：鼠标悬停、鼠标点击、激活（成为一个焦点）
2.常见的伪类选择器
1）两个通用状态
- hover — 鼠标悬停
- active — 鼠标在某个元素上按下
2）超链接a标签特有的
- link — 超链接地址没有被成功访问展示的状态
- visited — 超链接地址被成功访问展示的状态
3.CSS常用背景属性
background-color:背景颜色
background:
- url(图片地址)
- 是否平铺（no-repeat、repeat）
- x方向位置（left\right\center、x坐标值）
- y方向位置（top\bottom\center、y坐标值）
- 背景颜色
标准流布局
1.标准流布局
没有设置任何布局样式，使用标签自己的特性
- a.块级布局：一个标签占一行 — h1~h6、p等
- b.行内标签：一行可以显示多个标签，且设置宽高无效 — a、span
- c.行内块标签：一行可以显示多个标签，设置宽高有效 — img、input
2.display
- block — 块级
- inline — 行内
- none — 隐藏标签
- inline-block — 行内块
3.脱流
脱流（脱离标准流布局）
- 脱流使用的是浮动、定位两种方式
- 所有标签脱流后，布局都是以行内块样式布局
浮动
基本用法
浮动：float
- left（左浮动）
- right（右浮动）
实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
/* 将所有标签内外边距取消 */
*{
margin<
最低0.47元/天 解锁文章
2869
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
