文档介绍：一、HTML中引入CSS样式有几种形式
,就是把样式表保存为一个样式表文件,然后在页面中用<link rel="stylesheet" type="text/css" href="*.css">链接这个样式表文件.
,就是把样式表放到页面的<head>区里.
,用***@import,在<head>与</head>
<style type="text/css">
<!--
***@import "*.css"
-->
</style>
,就是在标签内写入style="",比如:
<td style="border-left:#">设置表格左边框的颜色为灰色.
二、css选择器
一、基本选择器
序号选择器含义
1. * 通用元素选择器, 匹配任何元素
2. E 标签选择器,匹配所有使用E标签的元素
3. .info class选择器,匹配所有class属性中包含info的元素
4. #footer id选择器,匹配所有id属性等于footer的
元素实例:
* { margin:0; padding:0; }
p { font-size:2em; }
.info { background:#ff0; }
{ background:#ff0; }
{ color:#900; font-weight:bold; }
#info { background:#ff0; }p#info { background:#ff0; }
二、多元素的组合选择器
序号选择器 含义
5. E,F 多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔
6. E F 后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔
7. E > F 子元素选择器,匹配所有E元素的子元素F
8. E + F 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F实例:div p { color:#f00; }
#nav li { display:inline; }
#nav a { font-weight:bold; }
div > strong { color:#f00; }
p +