前端小白奋斗史07
em 倾斜标签
ins 下划线标签
alter 替换文本
title 提示文本
target 目标窗口弹出方式 _blank _self
锚点链接 快速定位页面位置
特殊标签
空格 &nbsp 你不是胖
< &it
> >
element语法
父子记关系标签 ul>li
兄弟级关系标签 div+p
类名有顺序的 $自增符号
快速格式化代码 shift+alt+f
Css选择器 基础选择器 复合选择器
基础选择器 标签选择器 id选择器 类选择器 通配符选择器
复合选择器 后代选择器 空格
子选择器 >
伪类选择器 :
并集选择器 ,
伪类选择器 :focus 选取获得焦点的表单元素
:link 未被访问的元素出来
:visiter 被访问过的选取出来
:hover 鼠标经过时被点亮
:active 鼠标按下未抬起
元素显示模式 块元素 行内元素 行内块元素
- 转换为块元素 display:block
- 转换为行内元素 display:inline
- 转换为行内块元素 display:inline-block
单行文字垂直居中 文字的行高等于盒子高度
Css背景 背景颜色 (透明 transparent 背景平铺(repeat)背景图片 背景固定background-attachment:scroll
Fixed背景位置
Css三大特性 层叠性 继承性 优先级
优先级 继承性和*
<标签选择器<类选择器<id选择器<伪类选择器<行内样式style<!important
注意权重值
盒子模型
内边距 边框 外边距
边框颜色 bordet-color
边框位置 上下左右
边框类型 border-style:none solid实线 dashed虚线 dotted点线
表格细线边框 border-collapes:collapes
边框会增加盒子大小
量盒子大小事不量边框
如果量边框宽高减去边框宽度
内容和盒子用内边距
盒子和盒子用外边距
注:盒子有了宽度和高度,加内边距会撑大盒子
外边距可以让块元素水平居中 Margin:0 center
行内元素或行内块元素水平居中给父元素添加text-align:center
相邻块元素只需要给一个外边距,不要会出现塌陷和合并
圆角边框 border-radius:length|百分比
length为圆角半径
Css3
盒子阴影
box-shadow:h-shadow水平阴影 v-shadow垂直阴影 blur模糊距离 spread阴影尺寸 color阴影颜色 insert没阴影
水平阴影和垂直阴影必须写
注意 默认为outsert外阴影 不可以写 不然阴影无效 盒子阴影不占空间,不阴影其他盒子排列
文本阴影
text-shadow:shadow水平阴影 v-shadow垂直阴影 blur模糊距离 color阴影颜色
Css传统三大布局 普通流(标准流)浮动 定位
清除浮动后父集就会根据浮动的子盒子自动的检测高度,父集有了高度,就不回影响下面标准流的
- 清除浮动
- 清除浮动方法
- 额外标签法
- 父集添加overfloat:hidden :after
- 伪元素清楚浮动 双伪元素清楚浮动