1.css常用样式1
0.CSS样式
#b{ background-color:orange;width:350px;}
#a{ color:DarkOrchid;}
#c{background-image:url(../../static/app2/images/images.jpg);
background-repeat: no-repeat;}
#d{text-indent:5em;}
#e{text-align:left;}
#f{word-spacing:30px;}
#g{letter-spacing:5px;}
#h{text-transform:capitalize;}
#i{text-decoration:overline line-through underline;}
#j{font-family:Georgia;}
#k{font-weight:900;}
#l{font-size:22px;}
#m{font-size:20;}
p a:link{text-decoration:none;background-color:#B2FF99;}
p a:visited{text-decoration:none;background-color:#FFFF85;}
p a:hover{text-decoration:none;background-color:#FF704D;}
p a:active{text-decoration:none;background-color:#FFFF85;}
#aa{list-style: square} /*改变前面的符号*/
#ab{list-style: none} /*去掉前面的符合*/
#ac li{list-style-image:url(../../static/app2/images/tb.jpg)} /*更换标志*/
table,tr,td{border:1px solid green;} /* 表格边框*/
th{background-color:green;color:white;}/*文本背景颜色*/
table{border-collapse:collapse; } /*折叠边框*/
table{width:30%;} /*宽度*/
th{height:50px;}/*高度*/
td{text-align:right;vertical-align:bottom}/*文本对齐*/
td{padding:10px;}/*内边距*/
1.html文件
html
1.背景样式-----------------------------------
颜色:color
背景色:backgound-color
背景图片:background-image
2.文本样式------------------------------------
缩进:text-indent
对其方式:text-align
字间隔:word-spacing wang
字母间隔:letter-spacing
首字母大小写转换:text-transform
文本装饰:test-decoration
3.字体样式--------------------------------
字体:font-family
字体加粗:font-weight
字体大小:font-size
字体大小:font-size
4.鼠标进过链接样式----------------------------------
5.列表样式----------------------------------
- 列表01
- 列表01
- 列表01
- 列表02
6.表格样式------------------------------------------
1 | 1 |
---|---|
1 | 1 |
2 | 2 |
=======================================================