块元素和内联元素

最新推荐文章于 2024-02-19 22:40:48 发布

@ ^ @

最新推荐文章于 2024-02-19 22:40:48 发布

阅读量186

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/jdbfvhxx/article/details/97615505

版权

CSS 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

		div就是一个块元素,
        	所谓块元素就是会独占一行的元素,无论内容多少都会独占一行	
    		
    		p h1 h2 h3...都会独占一行
    		
    		div这个标签没有任何语义,是一个纯粹的块元素,他不会对
    		块中的元素设置任何默认样式
    		
    		div元素主要用来对页面进行布局
    		
    	span是一个内联元素(行内元素)
    		所谓的行内元素,指的是只占自身大小的元素,不会占用一行.
    	
    		span没有任何语义,span标签专门用来选中文字
    		然后为文字来设置样式
    		
        	常见的内联元素有:
        		a img iframe span	
    	
    	块元素主要用来做页面中的布局,内联元素主要用来选中文本设置格式
    	一般情况下只使用块元素去包含内联元素,而不会使用内联元素去包含一个块元素
    	a元素可以用来包含任意元素,除了它本身
    	p元素里不可以放任何的块元素

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