|
<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> |
|
|
