CSS3——背景文本字体连接列表样式表格

background-color
- rgb(255,0,0，1) 最后一个值表示透明度，范围是 0--1
background-image
- 默认平铺重复显示
background-repeat
- 在页面的水平或者垂直方向平铺
background-attachment
- 是否固定或者随着页面的其他部分滚动
background-position
- 位置

颜色浏览器

body {color:red;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);}

对其方式字体

h1 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;}

文本修饰url

a {text-decoration:none;}  //消除连接的下划线 h1 {text-decoration:overline;} h2 {text-decoration:line-through;} h3 {text-decoration:underline;}

文本转换（大小写）spa

缩进.net

字体code

系列(family)htm

样式（粗体，斜体）blog

大小

像素
em
百分比

粗细

连接

a:link - 正常，未访问过的连接
a:visited - 用户已访问过的连接
a:hover - 当用户鼠标放在连接上时
a:active - 连接被点击的那一刻

注意：

a:hover 必须跟在 a:link 和 a:visited后面
a:active 必须跟在 a:hover后面

——鼠标放置——>

<style> a:link,a:visited { display:block; font-weight:bold; color:#FFFFFF; background-color:#98bf21; width:120px; text-align:center; padding:4px; text-decoration:none;
} a:hover,a:active { background-color:#7A991A;
}
</style>
</head>

<body>
<a href="/css/" target="_blank">这是一个连接</a>
</body>

列表样式

设置不一样的列表项标记为有序列表
设置不一样的列表项标记为无序列表
设置列表项标记为图像

不一样的浏览器中，图像的位置可能不同————> 浏览器兼容性解决方案

表格

边框

折叠边框

宽度高度

对齐方式

颜色

控制空格之间的边框

CSS3——背景 文本 字体 连接 列表样式 表格

CSS3——背景文本字体连接列表样式表格