css的显示模式display记录笔记

html中 标签的显示模式,即display由css设置控制,一下作为记录

<!DOCTYPE html> 
<html> 
<head>     
<meta charset="UTF-8">     
<title>css 标签模式 display</title>     
<style>         
strong {             
/* 隐藏 标签,占有空间 */             
/*visibility: hidden;*/             
/*标签不显示, 不占空间*/             
/*display: none;*/             
/*块级标签*/             
/*display: block;*/             
background-color: red;         
}         
/*                 
         宽高      边距        独占行         
块级      y      上下左右       y         
行内块级   y      左右        n         
行内元素   x      左右        n        
 */         
 .p1 {             
 display: inline-block;         
 }     
 </style> 
 </head> 
 <body> 
 <span>这是 一个span标签</span> 
 <br> 
 <strong>这是 strong 标签</strong> 
 <b>1234567</b> 
 <hr> 
 <b>1234567</b> 
 <p>     这是 一个p </p> 
 <b>1234567</b> 
 </body> 
 </html>

以上就是css的显示模式display记录笔记的内容,更多相关内容请关注PHP中文网(www.)!

css的显示模式display记录笔记

相关文章:

你感兴趣的文章:

标签云: