学习 Pure CSS 的收获

关于 "Responsive".

这个词的意思就是所谓的 “响应式”。之前其实没有非常系统的了解过这个东西的意思，现在看了下，弄明白了。

响应式布局的一个特征是，能够根据浏览器的不同尺寸，动态的调整 layout，来确保在不同的 device 上的显示效果（电脑，平板，手机）。

响应式布局下，各个区块的相对方向关系可能是不确定的。比如一个3列布局的页面，在缩小了窗口之后，或者用手机浏览的时候，页面就会自适应的调整为单列。每一列的内容会改为纵向排列为100%宽。

另一个特征是，响应式布局下，各个区块所占的宽度高度等等，一般是通过百分比来指定的，而不是绝对的像素值。

 

关于 CSS class name 的命名约定。

需要避免使用样式类的名称和具体的样式内容产生紧耦合的关联。

文档说 "prevent tight coupling between class names and styles".

 

没错，说的就是类似 "font5px" "with-border" "gray" "green-title" 这类让人无力吐槽的 class name.

 

这一条我是深表赞同。n年前曾经在社区中看到一位牛人写的 CSS 是这种风格的，忍不住喷过。结果是意见没能被人家接受。

不过在这一点上我还是必须坚持自己的品味和观点的。现在看到这段文字也算找到佐证了。

 

 

转载于:https://www.cnblogs.com/woodfox/p/3345115.html