摘要: 1.用boby{margin:0,padding:0)消除不同浏览器的差异。 2.值使用em,百分比,少用px 3.设置box-sizing:border-box *{ margin: 0; padding: 0; box-sizing: border-box; } 阅读全文
posted @ 2020-08-22 17:46 maxweber 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 其实 HTML 页面中每个元素其实都是一个「盒子」,默认情况下这些盒子的边框不可见,背景也是透明的,所以我们不能直接的看到页面中盒子的结构,但是我们可以借助一些 Web Developer 工具条可以方便地显示盒子的边框和背景,让我们能很直观的看到这些盒子的结构。 每个盒子都有三组属性: 外边距(m 阅读全文
posted @ 2020-08-22 15:34 maxweber 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 一、文件规范 1、文件均归档至约定的目录中 所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中: 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ul 业务类的CSS是指和具体产品相关的文件,放在如下目录中: 读书 /css/ 阅读全文
posted @ 2020-08-22 11:40 maxweber 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 制作圆形: 要使用CSS来制作一个圆形,我们需要一个div,被给它设置一个ID <div id="circle"></div> 圆形在设置CSS时要设置宽度和高度相等,然后设置border-radius属性为宽度或高度的一半即可: #circle { width: 120px; height: 12 阅读全文
posted @ 2020-08-22 10:39 maxweber 阅读(98) 评论(0) 推荐(0) 编辑