css 学习中小记
2013-11-14 22:30
260 查看
transparent
尽管在大多数情况下,没有必要使用 transparent。不过如果您不希望某元素拥有背景色,同时又不
希望用户对浏览器的颜色设置影响到您的设计,那么设置 transparent 值还是有必要的。
text-indent
缩进文本
把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。
CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。
通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。
这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em:
border-collapse
属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
a{ width:200px; //显示的宽度
white-space:nowrap; //空白字符处理
text-overflow:ellipsis;//超出长度的部分用什么符号代替
overflow:hidden; //超出部分隐藏一定要设置要不前面设置就没有效果了。
display:inline-block;}//显示的模式
超链接显示固定长度,超出的长度显示“‘’。。。”
a标签里面添加img标签时,会出现下面的一个空格,可以通过设置img标签的border属性为0;
ul li的标签在每行的数据的前面添加一个图标。用css可以写成下面的形式。
li{background: transparent url('icon.png') no-repeat 0px -881px;padding:0 0 0 9px; color:#222;}
尽管在大多数情况下,没有必要使用 transparent。不过如果您不希望某元素拥有背景色,同时又不
希望用户对浏览器的颜色设置影响到您的设计,那么设置 transparent 值还是有必要的。
text-indent
缩进文本
把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。
CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。
通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。
这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em:
border-collapse
属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
a{ width:200px; //显示的宽度
white-space:nowrap; //空白字符处理
text-overflow:ellipsis;//超出长度的部分用什么符号代替
overflow:hidden; //超出部分隐藏一定要设置要不前面设置就没有效果了。
display:inline-block;}//显示的模式
超链接显示固定长度,超出的长度显示“‘’。。。”
a标签里面添加img标签时,会出现下面的一个空格,可以通过设置img标签的border属性为0;
ul li的标签在每行的数据的前面添加一个图标。用css可以写成下面的形式。
li{background: transparent url('icon.png') no-repeat 0px -881px;padding:0 0 0 9px; color:#222;}
相关文章推荐
- css3之transform-styl 3D旋转效果
- CSS使用方式
- css 中字体大小
- css实现左栏固定右栏自适应,高度自适应的布局
- CSS命名规范和规则
- [css layout][11] three fixed columns
- [css layout][10] three fixed columns
- css 中字体大小
- 图解CSS的padding,margin,border属性(详细介绍及举例说明)
- WIN32控件使用系统样式
- WIN32控件使用系统样式
- Webkit内核探究【2】——Webkit CSS实现
- css布局学习4--inline block
- div+css 实现tabs标签的示例代码
- CSS z-index 属性的使用方法和层级树的概念
- border:none与border:0使用区别
- CSS中position的absolute和relative的应用
- div+css实现的小三角tip小提示(原理及代码)
- 修改listView的fastScroll样式
- 导入CSS的四种方式