码迷,mamicode.com
首页 > Web开发 > 详细

CSS(2)

时间:2015-11-02 00:18:33      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:

字体

设置字体:{fon-family:sans-serif;}

字体加粗:{fon-weight:600;}      600等于一个strong的粗度

字体大小:{fon-size:14px;}

连接a

a:link{color:red;}       未被访问的连接是红色

a:visited{color:red;}      已经被访问的连接是红色

a:hover{color:red;}      鼠标移动到连接上是红色

a:active{color:red;}      正在被点击的连接是红色

{text-decoration:none;}      去掉下划线

{background-color:red}       背景颜色是红色

列表

有序列表:ol

无序列表:ul

黑点换图片:ul li{background:url("heder.jpg");}

去掉黑点:{list-style-type:none;}

表格边框蓝色:td{border:1px solid blue}

文本对齐:td{text-align:right;}

内边距:{padding:10px;}

外边距:{margin-10px;}

定位

相对定位:{position:relative;}        脱离文本流,但是保留原来的位置不被占用

绝对定位:{position:absolute;}        从文本流中删除,不保留原来的位置

浮动:{float:left;}     左浮动(右浮动:right)浮动后转换成行级   

边框

border          outcine          前者要占用宽度又是要影响布局不建议使用,后者不占用宽度不影响布局,建议使用后者

{border:solid;}     实线

{border:dashed;}     虚线

{border:dotted;}       点状线

{border:double;}       双线

{border-radius:20px}      圆角边框

{box-shadow:10px 10px 5px red;}    右下10px长的阴影, 5px是阴影的宽度

 

CSS(2)

标签:

原文地址:http://www.cnblogs.com/wangqiulin/p/4928988.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!