1、justify-content属性决定了水平方向子项的对齐和分布方式。 2、应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。该操作发生在弹性长度以及自动边距被确定后。 实例 .box{...

1、使各种特殊形状的背景能够适应元素中的文本内容，并自由拉伸和滑动。 2、宽度足够长的背景图，同时设置在链接和链接文本的背景上，一左一右拉伸。 实例 a{ display:inline-block; height:33p...

1、层叠性，如有样式冲突，按CSS书写顺序，以最终样式为准。 2、继承性，子标签将继承父标签的某些样式。 如字号、文字颜色等文字属性。 3、优先级，当两个或多个规则同时应用于一个元素时，需...

1、小写字母加连字符(又称烤串命名法)，禁止下划线和驼峰命名。 2、布局：以g命名空间。 3、状态：以s为命名空间。 表示动态、交互状态。 4、工具：以u为命名空间。 表示不耦合业务逻辑的可重用...

1、将页面所涉及的所有零星背景图像集中到大图中，然后将大图用于网页。用户访问页面时，只需向服务器发送一次请求。 2、直接使用background-position等属性来准确定位所需的背景部分。 实例 &l...

1、缩进用四个空格。 2、在每个声明块的左花括号之前添加一个空格。 3、声明块的右花括号应单独设置。 4、每个声明语句：之后插入一个空格，前面没有空格。 5、所有的声明句子都以分号结束，不...

1、分组选择器时，将单独的选择器单独放在一行。 2、为选择器中的属性添加双引号。 3、最好不要超过5级选择器级。 4、每个选择器独占一列，除最后一个选择器外，其它每一列选择器均以逗号结尾。...

1、尽量把媒体查询放在相关规则附近，不要放在文档底部，否则很容易被后来维护的人遗忘。 2、媒体查询针对每一个种屏幕（大、中、小）的分别单独组织为一个文件。 实例 .element{ } .element-av...

1、相邻兄弟选择器是指在另一个元素之后可以选择的元素，两者具有相同的父元素。 2、如需选择与另一元素紧密相连的元素，且两者具有相同的父元素，则可使用相邻兄弟选择器。 选择器加号(+)作为...

1、word-break属性用于设置HTML页面中文本内容自动转换的处理方法。 2、使用特定的属性值设置，可以通知浏览器实现任意位置的换行。 3、word-break属性有三个值：normal、break-all、keep-all。...