css的显示模式display记录笔记

黄舟原创: 2016-12-28 16:18:21 1549浏览

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        
 */         
 .div1 {             
 display: inline-block;         
 }     
 </style> 
 </head> 
 <body> 
 <span>这是 一个span标签</span> 
 <br> 
 <strong>这是 strong 标签</strong> 
 <b>1234567</b> 
 <hr> 
 <b>1234567</b> 
 <div>     这是 一个div </div> 
 <b>1234567</b> 
 </body> 
 </html>

以上就是css的显示模式display记录笔记的内容，更多相关内容请关注PHP中文网（m.sbmmt.com）！

css 显示模式 display PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：css设置文字属性的示例下一条：css的伪类和伪元素使用示例