10 docs tagged with "css"

在上文《CSS方法论》中，介绍了四种常见的方法论，但是在实际开发是很难完全落实某一方法论的约定的。所以我在实际开发的需要中，根据CSS方法论中 BEM + SMACSS 这两种方法论的结合命名约定总结出自己的一套CSS书写规范。

一文介绍 css 基础：网页样式、样式声明、选择器、层叠、继承、css 属性值、盒模型、常规流...

视觉格式模型，大体上将页面中盒子的排列分为三种方式： 常规流、浮动、定位

最近学习完 CSS 基础后，发现实现样式居中的效果有很多种。就把一些常用的写法把它们整理一下，方便以后查看阅读。当然，显示居中效果有多种多样，但是，在我们日常开发的时候能将效果实现就好了，至于采用哪种方式这是因人而异。对自己熟悉哪种方法便采用那种方式，这样是比较方便的。

一个前端项目中，CSS 实现各种样式效果并不困难。但在后期维护中，CSS 不规范的书写或者是杂乱命名之类却经常让我们厌恶，从而重新书写自己的样式。因此，CSS 规范书写对于前端项目是至关重要的。它这样不仅可以让我们写出优雅的代码，也方便他人阅读和维护。

网络上的各式各样的文字是怎么制作出来的？通常是借助 fontforge工具根据不同间距的参考线和字体形态制作而成。而制作字体大致上可以会有几根参考线。不同类型的字体，其参考线是不一样（主要体现在线与线的间距），而同一个文字类型，参考线一致。

图片空白间隙是怎么出现以及解决方案。

BFC 全称 block Formatting Content，翻译过来称为块级格式化上下文。

浮动 float 元素作为可视化模型中主要的三大主要的排列方式之一。更多的基础知识在 CSS 基础 2 中已有相应介绍了。本篇是记录浮动 float 元素的一些细节规则和扩展应用。

在上篇中 CSS 参考线 中已经讲过line-height设置数值改变 参考线 上下两个 间隙 gap的高度来实现文本间距改变的效果。