HOME
NAVIGATION

CSS创建等高文本列,条件注释,不透明度,神器属性text-overflow,强迫症福利:标点符号悬挂hanging-punctuation

今天复习了一下《精通CSS》和《响应式Web设计HTML5和CSS3实战》,后者简直像是没看过一样……我的妈

1.css3创建等高文本列

column-count:几列
column-width:多宽
column-gap:间距
column-rule:边框
column-rule:1px solid #000
优点:可用空间小于已定义列的宽度时的处理方式。列不会像使用浮动时那样回绕,而是会减少列数。 因此,如果空间不够显示三列,会减少到两列,所以用的时候尽量别用像素吧,用百分比或者em。
缺点:有些浏览器不支持这个属性

PS:用的时候要记得

*{ padding: 0; margin: 0; }

不然第一列会比后两列下降1行的距离才开始有文字

2.IE条件注释

3.不透明度

RGBa不透明度与opacity不一样,前者可以应用于特定的属性(比如背景),它只影响这个属性。
而后者会影响应用它的元素中的所有东西,包括文本、背景等

4.标点符号悬挂hanging-punctuation

强迫症福利属性!可以让在句首的标点符号悬挂在列之外,让文字对的更整齐