前端小白奋斗史07

em 倾斜标签

ins 下划线标签

alter 替换文本

title 提示文本

target 目标窗口弹出方式 _blank _self

锚点链接 快速定位页面位置

特殊标签
空格 ＆nbsp 你不是胖
＜ ＆it
＞ &gt

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

- 伪元素清楚浮动 双伪元素清楚浮动