一、分类
①内联,写在标签中,写法是style="样式属性"。优先级最高。
优点:控制精确。缺点:代码重用性差,范围小。
例如:
<div style="font-size=12px;"></div>
②内嵌,在<head></head>中书写。
优点:代码重用性好,范围大。缺点:控制性差,不精确。优先级最差。
注释方法:/*注释内容*/
例如:
<style type="text/css" > /*这是要被注释内容*/ </style>
③外部,在<head></head>中书写。
优点:代码重用性最好,范围最大。缺点:控制性差。优先级中。
使用<link />标签引用外部css。
例如:
<head> <link src="Untitled.css" /> </head>
二、选择器
①元素命名,id、class
*号是指所有。
*{}对所有元素增加样式。
②获取id
#id{}选择id名称是“id”的元素,id具有唯一性。
③获取class
.class{}获取class名称是“class”的元素,class可以命名多个元素。
④标签选择器
格式为:标签名{}
,并列
空格后代
.点筛选
例如:
<head> <style type="text/css">
div{}/*标签选择器*/
#a{}/*id选择器*/
.b{}/*类级选择器*/
div #a{}/*空格后代,div标签下的span标签*/
div, font{}/*逗号并列,div和font标签*/
</style> </head> <body> <div> <span id="a"> </span> </div>
<font class="b">
</font> </body>