css的显示模式display记录笔记
来源:动视网
责编:小采
时间:2020-11-27 18:53:32
css的显示模式display记录笔记
css的显示模式display记录笔记:html中 标签的显示模式,即display由css设置控制,一下作为记录<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css 标签模式 display</title> &
导读css的显示模式display记录笔记:html中 标签的显示模式,即display由css设置控制,一下作为记录<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css 标签模式 display</title> &

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记录笔记
css的显示模式display记录笔记:html中 标签的显示模式,即display由css设置控制,一下作为记录<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css 标签模式 display</title> &