摘要: 多栏布局的三种实现方案 固定宽度,流动,弹性 原则上应该控制布局宽度,而让内容决定布局高度 固定宽度布局 解决设置margin,padding或border后元素宽度变宽的方法 (1)设置box-sizing属性为border-box。存在兼容性问题,可以使用腻子脚本ployfill来解决。 (2) 阅读全文
posted @ 2018-09-16 21:22 CodingSherlock 阅读(342) 评论(0) 推荐(0) 编辑
摘要: 字体 字体族font-family 通常需要给处字体栈以适应不同机器间的适配,多单词字体需要用引号 serif和sans-serif是最保险的方法 字体大小 设置font-size:62.5% 1em=10px em单位的相对大小会逐层复合 rem 相对于根元素的字体大小,不支持ie8极其以下的浏览 阅读全文
posted @ 2018-09-16 14:34 CodingSherlock 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 内边距 边框 外边距 border border三个属性 border-wdith 默认值medium border-style 默认值none border-color 默认值 black border-radius小于border-width,元素内角为直角,大于时,元素内角的半径为两个值的差 阅读全文
posted @ 2018-09-16 12:44 CodingSherlock 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 类选择器 class="className" .className 选取class为className的元素 p.chassName 选取p标签中class为className的元素 .className1.className2 选取同时拥有.className1和.className2的元素 id 阅读全文
posted @ 2018-09-16 08:58 CodingSherlock 阅读(110) 评论(0) 推荐(0) 编辑