CSS杂记

1、自动截取字符串添加省略号 text-overflow：ellipsis
2、不自动换行 white-space: nowrap 与overflow: hidden和上边的一起使用
3、margin与padding 就像墙上挂着的两个相框，margin指的是相框与相框的距离，padding指的是每个相框里照片与相框边框的距离。 镜框是border
4、背景设置为透明 background-color: transparent opacity: 0.90;filter:alpha(opacity=90)
5、float 属性定义元素在哪个方向浮动 注：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止
6、去除li的前置标记 list-style-type: none;
7、鼠标获取焦点时的样式 cursor：pointer
8、em替换px。em替换px主要应用于文字缩放。计算公式为
目标元素尺寸 / 上下文元素尺寸 = 百分比尺寸
9、line-height: 20px;内部高度
10、子元素按比例分配-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
box-flex:1.0;
11、[class^="test"] { background:#ffff00; }

表示设置 class 属性值以 "test" 开头的所有元素的背景色，也就是说对class="test", class="test1" class="test-001"的元素都是有效的。

除此之外，还有一些常用的css属性选择器如下：

    [attribute~=value] 选取属性值中包含指定词汇的元素

    [attribute|=value]  选取带有以指定值开头的属性值的元素，该值必须是整个单词。

    [attribute$=value] 匹配属性值以指定值结尾的每个元素

    [attribute*=value] 匹配属性值中包含指定值的每个元素

转载于:https://www.cnblogs.com/comeasyouare/p/5969783.html