CSS语法

 

 

 

 

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        
        <!--
            块元素和内联元素
            
            div就是一个块元素，
                所谓的块元素就是会独占一行的的元素,无论他的内容有多少
                    他都会独占一整行。
                p h1 h2 h3 ... 
                div这个标签没有任何语义，就是一个纯粹的块元素，
                    并且不会为它里边的元素设置任何的默认样式，
                div元素主要用来对页面进行布局的    
                
            span是一个内联元素（行内元素）    
                所谓的行内元素，指的是只占自身大小的元素，不会占用一行
                常见的内联元素：
                    a img iframe span
                span没有任何的语义，span标签专门用来选中文字，
                然后为文字来设置样式    
                
            块元素主要用来做页面中的布局，内联元素主要用来选中文本设置样式，
                一般情况下只使用块元素去包含内联元素，而不会使用内联元素去包含一个块元素
                a元素可以包含任意元素，除了他本身
                p元素不可以包含任何块元素
                
        -->
        
        <p><div>我是一个span</div></p>
        
        <a href="#"><a href="#">我是一个超链接</a></a>
        
        
        <a href="#">
            <div style="background-color:red ; width: 200px;">
                我是一个div
            </div>
        </a>
        <div style="background-color:yellow ; width: 200px;">
            我是一个div
        </div>
        
        <p>我是一个p标签</p>
        <p>我是一个p标签</p>
        
        <hr />
        
        <span>我是一个span</span>
        <span>我是一个span</span>
        
        <span>我是一段文字</span>
    
        
        
        
    </body>
</html>

 

posted @ 2021-06-07 17:23  juham  阅读(34)  评论(0)  编辑  收藏  举报