CSS样式表基本概念

CSS:层叠样式表

一.样式表分类

1.内联样式
<div style="width:30px;height:20px;"></div> 标签 样式=“属性:属性值”
2.内嵌样式(写在头部里)
<head>
    <style type="text/css">
 标签名{
        属性
       }
    </style>
</head>
3.外部样式表
新建CSS文件  用<link href=""/>连接
<link rel="stylesheet" href="CSS/Untitled-1.css" type="text/css" /> rel:链接 stylesheet 样式调用

 二.选择器(针对内嵌来做)

1.标签选择器
<head> 
<style type="text/css"> 
   div{ 
       样式属性     
      } 
</style>
</head>

2.class选择器(可重复)
<head> 
<style type="text/css"> 
   .a{ 
       样式属性     
      } 
</style>
</head>
<div class="a"></div>

3.ID选择器(唯一)
<head> 
<style type="text/css"> 
   #b{ 
       样式属性     
      } 
</style>
</head>
<div id="b"></div>
4.复合选择器
a,b 并列
a b 后代 a>b 子代  <!--子代是指这一个标签,后代是指后面所有标签-->
a.b 筛选
5.优先级
内联>内嵌  id>class  class>标签  标签>*

 

posted @ 2018-03-19 09:02  w944372441  阅读(168)  评论(0编辑  收藏  举报