HTML部分
熟悉html 的标签
-
前端 开发库：
http://code.ciaoca.com/style/css-cheat-sheet/ -
w3chool ：http://www.w3chtml.com/css3/
ang
- 样式重叠表：https://developer.mozilla.org/zh-CN/docs/Web/CSS/radial-gradient()
- https://css.welltell.cc/transition.html
像素取值：
顺时针 上右下左
圆角问题（radius）
并不是radius取50%就一定是圆形，还得看前提是不是正方形
margin padding
- content-box 用于显示标准的盒子(默认的)
-
- border-box 怪异盒子
- 一个约束边框 一个约束内容
- div默认的是百分百宽度
- margin合并，兄弟元素之间，垂直方向上,如果有重叠的部分，margin取两者之间的最大的那部分
- 当父元素没有边框的时候，子元素的margin-top 会与父元素的margin-top合并
默认样式问题
- div中无数个空格等于一个空格
- display:inline-block
- float:left(清除空间的距离)
- float 会使父元素脱离文档流
- 清除浮动是指清除元素带来的影响，如果父元素里面有浮动的元素，就要清除
- 在清除浮动的第二种方式，在父元素结束之前，添加一个有clear:both display：block样式的元素
- 有浮动就要清除浮动
- 浏览器的查找元素快捷键:ctrl+f
定位 position
- position: static;这是默认样式
- 相对定位：相对它原本应该出现的位置移动，位置产生移动，但是还是占据原来的位置，不会影响别人的位置（相对于父级元素）
- 绝对定位：一个元素设置了绝对定位，就会脱离文档流，他会以自身为起点，逐层往外找，直到找到position不等于默认值的时候；正数向内部走，负数向外部走（相对于本身）
- fixed:相对于浏览器的窗口
- fixed：并不完全是相对于浏览器窗口的定位，大多数是相对浏览器窗口