CSS（2）

字体

设置字体：{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是阴影的宽度