CSS样式学习-1

一、分类

①内联,写在标签中,写法是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>

  

  

原文地址:https://www.cnblogs.com/wannian/p/8241293.html