写给大家看的设计书 -- Robin Williams

虽然不是计算机相关的书籍，但是作为 Web 开发人员，书里的部分知识经常会用到，值得去读一下。

过长的 Katex 公式导致出现横向滚动条

Katex 在手机上，如果公式过长，会导致页面出现横向滚动条。之前使用的 *0.5.1* 版，*inline* 和 *block* 的公式都会有这个问题，升级到 *0.16.4* 版后

《精通CSS - 高级Web标准解决方案》 8. 布局

所有 CSS 布局技术的根本都是3个基本概念：**定位**、**浮动**和**外边距操纵**。 [TOC] ## 8.1 计划布局 布局时先做一些计划可以避免很多问题

《精通CSS - 高级Web标准解决方案》 7. 对表单和数据表格应用样式

本章主要讲了两个标签 `` （*表格*） 和 `` （*表单*）。 不过这两个元素在实际使用中已经越来越少见了。 ## 7.1 对数据表格应用样式 ### 7.1.1 表

《精通CSS - 高级Web标准解决方案》 6. 对列表应用样式和创建导航条

## 6.1 基本列表样式 ```html Winterfell A Knight of the Seven Kingdoms The Long

《精通CSS - 高级Web标准解决方案》 5. 对链接应用样式

## 5.1 简单的链接样式 ```css a { color: red; } ``` 伪类连接访问器: - `:link` : 没有被访问过的链接

《精通CSS - 高级Web标准解决方案》 4. 背景图像效果

## 4.1 背景图像基础 ```css body { background-image: url(/img/pattern.gif); background-repeat

《精通CSS - 高级Web标准解决方案》 3. 可视化格式模型

你需要掌握的3个最重要的CSS概念是 *浮动*、*定位* 和 *盒模型*。 [TOC] ## 3.1. 盒模型概述 盒模型是CSS的基石之一，它指定元素如何显示以及（在某种程度上）如

《精通CSS - 高级Web标准解决方案》 2. 为样式找到应用目标

要想使用 CSS 样式应用于特定的 HTML 元素，需要想办法找到这个元素。在 CSS 中，执行这一任务的样式规则部分称为 *选择器（selector）*。 ## 常用选择器 1. 类型

《精通CSS - 高级Web标准解决方案》 1. 基础知识

学习 CSS（层叠样式表）最好的一种方式是直接开始使用它。 修改别人的代码是很好的起步方法。 ## 1. 设计代码的结构 - 使用有意义的标签； - 次优方案是使用现有元素，并添加ID