css cascading style sheets 层叠样式表 解决内容和样式分离
css 分类------------
1.外部样式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
具体内容在mystyle.css 里编辑。
2.内部样式表:
<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
3.内联样式表:
<p style="color:sienna;margin-left:20px">这是一个段落。</p>
4.多重样式优先级:(内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式
选择器-----------
1. 标签选择器 P{} div{}
2. id选择器 p#yyk{} 应用于 id="yyk" 的p元素
3. 类选择器 p.tte {} 应用于 class="tte" 的p元素
5. 通用选择器 *{} 应用于所有元素
6. 多元素组合选择器
div,p 选择所有<div>元素和<p>元素
div p 选择<div>元素内的所有<p>元素
div>p 选择所有父级是 <div> 元素的 <p> 元素
div+p 选择所有紧跟在 <div> 元素之后的第一个 <p> 元素
7.属性选择器 [target]选择所有带有target属性元素
8.伪类选择器
a:link 选择所有未访问链接
a:visited选择所有访问过的链接
a:active选择活动链接
a:hover 选择鼠标在链接上面时
input:focus选择具有焦点的输入元素