随笔分类 - CSS
摘要：(一). 解析html文件，构建DOM树 将字节流转换成字符流，根据不同的编码进行解码 通过词法分析将字符流解析为一个个词语，这个过程会跳过空格与换行内容。词法分析由HTMLTokenizer完成 使用XSSAuditor来进行词语验证及过滤，主要是出于安全方面考虑 在经过XSSAuditor过滤之
阅读全文
摘要：一：清除浮动的几种方式 在子元素的最后添加一个空div设置clear：both以撑开父元素 添加：：after伪元素content：' '，display：inline-block，clear：both（clear只能作用于block元素，伪元素默认为inline） 父元素设置了BFC（块级元素看不
阅读全文
摘要：一：水平居中 行内元素 text-align : center 块级元素 margin: 0 auto position:absolute; left:50%; transform: translateX(-50%) display:flex ; justify-ontent:center 二：垂直
阅读全文
摘要：一：避免主动使用！important。 例如：css写得很复杂时，不要用它来取巧，要好好整理并重构之前的部分，保持选择器的简短，并且避免使用ID将效果拔群。虽然可以暂时性的取得效果，后期将变得不可维护。 二：注释的行宽不超过八十个字节，多使用块注释。 三：js行为与样式分离。 <div class=
阅读全文
摘要：综合腾讯，淘宝，新浪等初始化设置及个人习惯： 对于只需要适配少量机型，且分辨率对页面影响不大，使用px即可，对于需要适配全部机型时，使用rem作为单位
阅读全文
摘要：1.固定定位position：fixed; 相对于浏览器窗口来进行定位，设置left,top,bottom,right 2.相对定位position:relative; 相对于元素本身定位，一般不设置left,top,bottom,right，主要是配合绝对定位实现元素的稳定排版。 如果加入了lef
阅读全文
摘要：一：表单默认外观样式重置 表单中的input[type = "button"]、 input[type = "submit"]和input[type = "reset"]按钮在iPhone的safari浏览器下有一个圆角bug； input[type="text"]文本输入框会有内阴影 解决办法：
阅读全文
摘要：1,在准备编写HTML文件时 引入less.js或者<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script> 2,目标CSS必须从外部引入，并且rel="stylesheet/less" 例如
阅读全文
