首页 > Web开发 > 详细

CSS(2)

时间:2015-11-02 00:15:16      阅读:258      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!