选择器
引入方式
选择器
css的选择器 我是一个段落
1
哈哈哈路飞
我是另一个段落
123 234我是一个三级标题
我是一个三级标题
我是一个三级标题
我是一个三级标题
我是一个三级标题
合理使用class
小练习 段落1
段落2
段落3
高级选择器
属性选择器
属性选择器
伪类选择器
伪元素选择器
伪元素选择器 我是一个段落
css继承性
继承性 alex
小马哥
层叠权重
层叠性
层叠性 猜猜我是什么颜色
权重
再来猜猜我是什么颜色？
层叠性权重相同处理
再来猜猜我是什么颜色？
权重深入
我是什么颜色
我是什么颜色
- 我是一个li标签
盒模型
盒模型的认知
Document 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
盒模型的计算
盒模型的计算 内容
认识padding
padding 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
一些标签默认有padding
- 1
- 1
- 1
- 1
- 1
认识border
border
使用border制作小三角形
Document
初始margin
我是一个p标签
初始标准文档流
块级元素和行内元素
浮动与清除浮动
浮动
浮动
浮动的元素脱标
浮动 小红小黄span标签 span标签
浮动元素互相贴靠
浮动元素字围效果
123文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字 文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字 文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
浮动元素紧凑效果
Document alex
为什么要清除浮动
清除浮动1：给父盒子设置高度
- Python
- web
- linux
清除浮动2：clear-both
- Python
- web
- linux
清除浮动3：伪元素清除法
伪元素清除法（常用）
- Python
- web
- linux
清除浮动3：overflow-hidden
伪元素清除法（常用）
- Python
- web
- linux
overflow
margin塌陷问题
margin的塌陷 内容 内容
margin-0auto
margin:0 auto 文字
善于使用父padding而不是margin
文本与background
文本属性和字体属性
单行文本垂直居中
多行文本垂直居中
font-family
字体 我是文本
超链接美化案例
超链接美化
background-color
background-img
repeat-应用案例
超链接美化
background-position
雪碧图技术
Document
background-position位置
通天banner
超链接美化
background-attachment
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
相对定位
相对定位
相对定位的特性
Document
相对定位的用途
超链接美化
相对定位的用途2
Document
绝对定位
绝对定位
Document 文字
绝对定位参考点
绝对定位以盒子作为参考点
绝对定位以父辈盒子作为参考点
绝对定位的盒子无视父辈的padding
绝对定位盒子居中
固定定位
固定定位
固定定位-返回顶部案例
返回顶部
固定定位-固定导航栏
固定导航栏
父相子绝案例
小龙虾
z-index
从父现象
z-index的用途
固定导航栏