2019/11/26技巧
1、同级元素并排 + 宽高 = 浮动 同级元素要浮动都浮动
2、a是行内元素 想设置宽高 display: block;
3、浮动是盒子属性 子盒子不会继承
4、块级元素水平居中 margin: 0 auto;
绝对定位的元素水平居中left:50%;margin-left:-自身宽度的一半；
5、祖先加overflow更能管理住盒子
6、图片是行内元素 但后面的div想和图片并排显示 图片必须浮动
7、任何标签都可以使用hover
8、因为padding会渲染背景图，所以父子盒之间有距离 用父盒子的padding去挤，然后父盒子宽高内减
9、大背景一般设置水平居中
10、块级元素不设置宽度 默认撑满父盒子的内容宽；高度不设置 由标准流的内容撑开
2019/11/27技巧
1、cursor: pointer;
2、浮动元素脱离标准流，不设置宽度，内容撑开
2019/11/28技巧
1、盒子不写宽宽度就是100%
2、如果带版心的内容外面是通栏的效果，可以在版心外面加一个div
3、导航栏无序列表ul>li 外面一般再加一个div
2019/12/6技巧
1、html标签属性实现水平居中：align=“center”
2、html标签属性实现背景颜色：bgcolor=“red”
3、pre标签 预格式文本
4、<abbr title="etctric">etc</abbr> <acronym title="white wide">ww</acronym>
2019/12/7技巧
1、清除浮动的两种方法
①在浮动盒子的后面加上一个空盒子，设置属性为：clear:both;
②在浮动元素上加一个伪元素 :after{content:"";height:0;visibility:hidden;clear:both;display:block;}
2、rowspan 合并行
3、cellpadding 单元格内容与其边框之间的距离；cellspacing 单元格与单元格之间的距离
4、下拉列表预选值：selected
5、alt img属性，为图片显示替换的文本
6、base标签决定所有a标签的打开方式
7、background-attachment 设置为fixed 才能保证该属性在Firefox 和Opera中正常工作
8、字符间距：letter-spacing. 单词间距：word-spacing.
9、设置表格的空单元：empty-cells:hide;设置表格空标题的位置caption-side:bottom;IE8+
10、border-spacing：10px 30px;表示单元格水平间隔10px，竖直间隔30px
2019/12/8
1、将元素设置为隐藏display:none;(不占位置) visibility:hidden;(占位置)
2、子元素浮动后：父元素会高度塌陷，此时如果父元素再浮动，父元素的宽高就等于子元素宽高之和
3、伪类顺序：link visited hover active
4、伪类:first-letter(首字母)
5、绝对定位的元素剪切：position:absolute;clip:rect(上,右,下,左);
6、块注释：ctrl+shift+/
7、光标上面插入一行：ctrl+shift+enter
8、文件夹查找：ctrl+shift+F
9、git操作：$ git config --global user.name ‘daihonglin’
$ git config --global user.email ‘879925598@qq.com’
$ git clone ‘https://github.com/daihonglin/vscode.git’
2019/12/11
1、css继承性(inherit)：元素可以从祖先那里继承文字属性，不能继承盒子属性
2、盒子属性包括：width、height、background系列、border、浮动
3、文字属性包括： color、font系列、line系列、text系列等
4、css层叠性(权重)：元素被选中!important会影响就近原则； 元素不被选中!important不会影响就近原则；
5、浮动存在的问题：
①浮动元素不能撑开父元素的高度(高度自适应)
②浮动元素影响后面浮动的元素
解决方法：
(1)直接给父盒子添加高度:解决对后面元素的影响，没解决高度自适应(推荐)
(2)clear属性：给父盒子添加clear属性(解决了影响，但高度没有自适应)
(3)外墙法(在两个父盒子之间添加一堵"有高度" “清除了浮动”)的墙(解决了影响，但高度没有自适应)
(4)内墙法：在所有浮动元素最后加墙(div),清除浮动(问题都解决了，但是比较麻烦)
(5)给父盒子添加overflow:hidden;可以解决
6、overflow属性：auto(溢出滚动) hidden(溢出隐藏)隐藏border之外的，padding不隐藏
7、overflow:hidden; 两个引申含义(只用于浮动)强制让父盒子检测内部子元素高度，并且将检测到的高度撑开自身；强制让父盒子管理住自己内部的浮动子盒子，不让子盒子影响其他浮动的元素
8、同级元素要浮动都浮动，子盒子浮动，父盒子尽量添加overflow:hidden或height,有时候也同时添加
9、精灵图使用：限制盒子大小、
10、如果元素内部有浮动 ，一般在外面加上一个盒子来管理内部的元素
11、同级元素有距离，大胆使用margin
来源：CSDN
作者：前端小白dhl
链接：https://blog.csdn.net/weixin_39419463/article/details/103245083