您现在的位置是:网站首页> 编程资料编程资料
CSS的部分常用属性整理_心得技巧_网页制作_
2023-11-08
453人已围观
简介 在网页布局中会经常用到一些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; //设定轮廓
相关内容
- 对CSS选择器权重的认识(亲测)_心得技巧_网页制作_
- 让HTML和JSP页面不缓存从Web服务器上重新获取页面_心得技巧_网页制作_
- 用Dreamweaver8对网站文件进行检查整理的方法_心得技巧_网页制作_
- 用ps两分钟做个xhtml+css的网站首页_心得技巧_网页制作_
- Div与table的区别在速度和加载与网页应用等等中的差别介绍_心得技巧_网页制作_
- 我叫MT单刷火下攻略 教你如何快速打过6波进攻_手机游戏_游戏攻略_
- 迷你西游之大圣配仙族攻略_手机游戏_游戏攻略_
- 天天酷跑破解版抽奖技巧及天天酷跑积分抽奖抽取精灵攻略_手机游戏_游戏攻略_
- 迷你西游攻略大全 四大族详细介绍_手机游戏_游戏攻略_
- 迷你西游元始天尊属性技能缘搭配效果一览_手机游戏_游戏攻略_
