<html> <!-- -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css_summary</title>
<style type="text/css"><!--嵌入样式表在网页的头部,定义一个<style>标签对 -->
p {color:black} /*html selector就是html标签*/
</style>
<link rel="stylesheet" href="css.css" type="text/css"> <!--外部样式表-->
</head>
<body style="font-style: italic; font-size:24px; color:#0FF; font-family:'宋体'; background-color:#F00;"><!--内联样式表:直接设置正文标签的style属性。css属性:css属性值; -->
<style><!--主要有三类选择器:HTML selector, class selector, ID selector -->
p.stop{ color:red}<!--为几个不同类别的段落定义样式规则 -->
p.warning{color:yellow}
p.normal{color:green}
.class_selector{color:blue}
#id_selector{color:pink}/*主要用于javascript中根据ID值来操作和定位这个特定的HTML标签*/
/*样式表的注释方式*/
</style>
<h2>外部样式表</h2>
<p>嵌入样式表</p>
<p class="stop">class selector</p><!--对同一标签设置不同的类别,通过class属性对段落属性分类 -->
<p class="warning">class selector</p>
<p class="normal">class selector</p>
<p class="class_selector">直接以".类"名的样式适用于所有class属性值为该类名的标签</p>
<h2 class="class_selector">直接以".类名"的样式适用于所有class属性值为该类名的标名</h2>
<p id="id_selector">id_selector</p>
</body>
</html>
联系客服