css的显示模式display记录笔记
程序员文章站
2022-05-02 16:09:43
...
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中文网(www.php.cn)!
推荐阅读
-
提示Cannot display this video mode(不能显示此种视频模式)的解决
-
CSS的display属性list-item的list-style-type显示不出来的问题解决
-
css的显示模式display记录笔记
-
CSS的display属性list-item的list-style-type显示不出来的问题解决
-
WEB_Day02(CSS简介、样式规则、字体样式属性、选择器、注释、外观属性、样式表、标签的显示模式、复合选择器)
-
css的显示模式display记录笔记
-
如何转换css元素的显示模式
-
CSS的显示模式如何使用
-
CSS的显示模式如何使用
-
如何转换css元素的显示模式