2019年4月11日
摘要：
如何使用Web字体 嵌入Web字体的关键是 规则， 通过它可以指定浏览器下载web字体的地址，以及如何在样式表中引用该字体 为了解决浏览器对字体格式的兼容性问题，可以在@font face中声明多个src值， 这些src都是不同类型的字体 如： 现代浏览器都支持 和`woff2`字体。 注意 在 中 阅读全文
摘要：
CSS页面排版 字体族 字体族的值是一个字体备选列表，多个字体使用英文逗号隔开，字体名称如果有空格则需要引号。 font family: "Georgia Pro", "Georgia", "Times", "Times New Roman", "serif"; 为了保证字体族能应用，最后一个通常是 阅读全文
摘要：
清除浮动 排除远古时代的hack解决方案，比如那些要兼容IE6~8的方法。其实总结起来，大致有三种方法： overflow 原理解析： 块级格式上下文规定了页面必须自动包含突出的浮动元素！ 而overflow属性值不是visible的元素就会建立块级格式上下文，所以设置overflow:hidden 阅读全文
摘要：
CSS包含块原理解析 确定CSS中的包含块也确定就是元素的父元素。 关键是：看元素是如何定位的 。确定包含块很重要，比如设置百分比。另外也可以进行样式的继承等等。 分两个情况： 相对定位和静态定位 静态定位（默认）和相对定位的父元素都是最近的父元素。 绝对定位和固定定位 绝对定位和固定定位会脱离文档 阅读全文
摘要：
默认盒模型——content box 默认盒模型下，width和height指的就是内容区块的长宽。 而 默认的盒子模型的缺点是 设置宽高不直观 ，因为设置的宽高是内容而不是整个盒子的宽度，所以经常会出现问题。 边框盒模型—— border box 边框盒模型下，设置的width和heigth将会包 阅读全文
摘要：
高对比度是确保网页阅读无障碍的关键，但也往往会被过分强调。 白底黑子会让打断文本显得过分密集，反而影响可读性。 文字颜色 3b4348 链接颜色 235ea7 衬线字体 font family: "Georgia Pro", Georgia, Times, 'Times New Roman', se 阅读全文