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=""/>

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

几个小练习!

第一个习题:

1 <div id="demo1">
2                 <b><span style="color:red">如何去掉a标签</span><span  style="color:red">下划线</span>的各种样式详解</b><br />
3                 <p>首先来了解下标签的一些样式:标签的伪类样式一组专门的预定义的类称为伪类,主要用于处理超链接的状态
4                 </p>
5         </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>

 

posted @ 2018-10-15 16:27  张宗强1  阅读(1944)  评论(0编辑  收藏  举报