css的引用方式以及用css控制标签属性

css选择器分为三种：id选择器、class选择器、标签选择器。

三者之间的等级顺序：id选择器>class选择器>标签选择器

css引用也有三种方式：

　　　　　　　　　　1 内嵌：<div style=""><div/>

　　　　　　　　　　2内联：在head领域写<style type="text/css"><style/>

                                    3外联：就是另外写一个css文件，在html中引用 用<link rel="css文件的地址" type="text/css" href=""/>

                 三种方式的等级：内嵌>内联>外联

几个小练习！

第一个习题：

<div id="demo1">
                <b><span style="color：red">如何去掉a标签</span>的<span  style="color：red">下划线</span>的各种样式详解</b><br />
                <p>首先来了解下标签的一些样式：标签的伪类样式一组专门的预定义的类称为伪类，主要用于处理超链接的状态
                </p>
        </div>

第二个习题：

html部分：

<div id="demo2">
    <span id="s2"><b>HTML/CSS</b></span>
</div>

css部分：

    #demo2{
        width: 100px;
        height: 50px;
        background-color:black;
        text-align: center;
        line-height: 50px;
            }
    #s2{
        color: white;
            }

第三个习题：

css部分：

#demo3{
       width: 100px;
       height: 300px;
       text-align: center;
       }
 #demo3a{
         width:100px;
         height:150px ;
         background-image: url(img/asp.bmp);
         background-size: 100% 100%;
         }

html部分：

<div id="demo3">
    <div id="demo3a"></div>
        <div id="demo3b">
            <a href="https://www.baidu.com">asp</a>
     　　</div>
     <div id="demo3c">
      简单方便的<br />
      编程工具
 </div>