CSS的部分常用属性整理
发布时间:2013-06-24 17:44:14 作者:佚名
我要评论
在网页布局中会经常用到一些css属性,比如:CSS背景、CSS文本、CSS字体、CSS列表、CSS表格、CSS边框等常用属性,本文整理了一些,感兴趣的朋友可以参考下哈
CSS背景:
background:#00ffee; //设置背景颜色
background-image:url(*.jpg); //设置背景图片
background-repeat:repeat-x; //设置背景图片重复
background-attachment:fixed; //设置背景不随文字滚动
CSS文本:
text-indent: 5em; //设置文本缩进
text-transform:uppercase/lowercase/capitalize; //设置文本转换大小写
text-decoration:none/underline/overline/line-through/blink; //设置文本装饰
white-space:normal/pre; //处理空白符
color:#eeffee; //设置文本颜色
line-height:30px; //设置行高
CSS字体:
font-family: Georgia; //指定字体系列
font-style: normal/italic/oblique //指定文本正常/斜体/倾斜显示
font-weight: normal/bold/900; //指定文本的粗细
font-size: 16px/em; //指定文本的大小
font-variant: small-caps; //指定小型大写字母
CSS列表:
list-style-type:/decimal --有序列表
/decimal-leading-zero
/lower-roman
/upper-roman
/lower-alpha
/upper-alpha
/disc --无序列表
/circle
/squre
/decimal
CSS表格:
border-collapse: collapse; //设定表格塌陷
border: 1px solid black; //设定表格边缘
width: 100%; //设定表格宽度
height: 50px; //设定表格高度
text-align:right; //设定表格中文本的对齐方式
vertical-align:bottom //设定表格垂直对齐方式
padding:15px; //设定表格内边距
color:white; //设定表格中字体颜色
background-color:green; //设定表格背景颜色
CSS边框:
outline: #00ff00 dotted thick; //设定轮廓颜色/样式/宽度
border: blue solid thin; //设定轮廓
background:#00ffee; //设置背景颜色
background-image:url(*.jpg); //设置背景图片
background-repeat:repeat-x; //设置背景图片重复
background-attachment:fixed; //设置背景不随文字滚动
CSS文本:
text-indent: 5em; //设置文本缩进
text-transform:uppercase/lowercase/capitalize; //设置文本转换大小写
text-decoration:none/underline/overline/line-through/blink; //设置文本装饰
white-space:normal/pre; //处理空白符
color:#eeffee; //设置文本颜色
line-height:30px; //设置行高
CSS字体:
font-family: Georgia; //指定字体系列
font-style: normal/italic/oblique //指定文本正常/斜体/倾斜显示
font-weight: normal/bold/900; //指定文本的粗细
font-size: 16px/em; //指定文本的大小
font-variant: small-caps; //指定小型大写字母
CSS列表:
list-style-type:/decimal --有序列表
/decimal-leading-zero
/lower-roman
/upper-roman
/lower-alpha
/upper-alpha
/disc --无序列表
/circle
/squre
/decimal
CSS表格:
border-collapse: collapse; //设定表格塌陷
border: 1px solid black; //设定表格边缘
width: 100%; //设定表格宽度
height: 50px; //设定表格高度
text-align:right; //设定表格中文本的对齐方式
vertical-align:bottom //设定表格垂直对齐方式
padding:15px; //设定表格内边距
color:white; //设定表格中字体颜色
background-color:green; //设定表格背景颜色
CSS边框:
outline: #00ff00 dotted thick; //设定轮廓颜色/样式/宽度
border: blue solid thin; //设定轮廓
相关文章
- table表格属性在使用过程中很常见,本文整理了一些常用属性,在此与大家分享下,希望对大家有所帮助2013-08-20
- 在div+css布局中经常被用到的就是div了,几乎所有的css属性都可以用到它的身上,本文整理了一些在页面布局中常用的属性的使用示例,有想学习css布局的朋友可以参考下2013-07-30
- 框架是网页画面分成几个框窗同时取得多个src的地址,FRAMESET是用来划分框窗,每一窗框由一个FRAME标记所标示,FRAME必须在FRAMESET范围中使用,本文整理了一些frameset常2013-06-28
- 下面列出了由动态 HTML 定义的对象。点击链接即可前往对象的定义,其中包含了该对象的所有成员集2013-03-15
- 优化表格的过程中当然是却漂亮越好啊,所以css优化表格的属性就派上用场了,接下来介绍css优化细线表格注意的一些细节,需要的朋友可以了解下2012-12-19
- CSS代码简化在工作中是非常有益的,也是必要的。在编写CSS代码时,经常会出现冗余的代码,为了提高代码的质量及文件压缩到最小,使代码具有可读性,不得不把CSS代码简2008-10-31
CSS常用属性的代码简化实例-CSS教程-网页制作-网页教学网
CSS代码简化在工作中是非常有益的,也是必要的。在编写CSS代码时,经常会出现冗余的代码,为了提高代码的质量及文件压缩到最小,使代码具有可读性,不得不把CSS代码简2008-10-17- div布局过程中会经常用到一些属性,本文整理了一些常用的和布局相关的属性,有需要的朋友可以参考下,希望对大家熟悉div常用属性有所帮助2013-09-08


最新评论