样式
CSS引入方式
1、行内样式:<p style="color:#f00;">你好</p>
2、内嵌式:在<head>里加<style></style>在style里面写样式
3、链接式:建一个CSS文件,在html文件的<head>标签中写<link href="CSS文件的路径" type="text/css" rel="stylesheet" /> 然后在CSS文件里写样式
选择器
标签选择器:标签名{}
class选择器:.class名{}
id选择器:#id名{}
字体
font-size 字体大小 font-family 字体 font-weight 粗细 font-style 字体风格(斜体、正常)
超链接标签
<a href=“http://www.baidu.com”>百度一下</a>
a:link{color:blue} 一开始链接的颜色
a:visited{color:xx} 点击过后的颜色
a:hover{color:xx} 鼠标放上去的颜色
a:active{color:xx} 点击时的颜色
这四个的顺序不能颠倒
表格
table{
width:50px;
height:40px;
border-collapse:collapse; /*将单元格的边款合并*/
}
边框
border-style:solid 实线 / dashed 虚线 / dotted 点
border-width:1px 边框线的大小
border-color:red 边框的颜色
背景
background-img:url(图片路径) 背景图片
background-repeat:no-repeat 图片不铺满 / repeat-x 横向铺满 / repeat-y 纵向铺满
background-position:10px,20px /*距左边的距离为10px ,距上边的距离为20px*/