css div inline内联 （行元素）和块状元素的转化
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>inline内联(行内元素)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style>
#conn{
color: red;
}
</style>
</head>
<body>
离离原上草，一岁一<span id="conn">枯荣</span>
</body>
</html>html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>块状和内联元素的转化</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style>
span{
width: 200px;
height: 200px;
background: blue;
display:block;
}
div{
width: 200px;
height: 200px;
background: black;
display:inline;
}
</style>
</head>
<body>
<div>块状</div>
<span>离离原上草</span>
</body>
</html>ui
- 1. CSS 块状元素和内联元素
- 2. 块状元素、内联元素和内联块状元素
- 3. 玩转CSS中块元素、内联元素、内联块元素
- 4. Div+Css块状元素和内联元素
- 5. 『HTML&CSS』块元素和内联元素
- 6. html 行内元素和块状元素
- 7. block inline 和inline-block 块级元素和内联元素
- 8. 行内元素和块状元素
- 9. html块状元素、内联元素
- 10. CSS块级元素和行内元素
- 更多相关文章...
- • XSLT
- • SOAP Envelope 元素 - SOAP 教程
- • IntelliJ IDEA 代码格式化配置和快捷键
- • 互联网组织的未来：剖析GitHub员工的任性之源
-
每一个你不满意的现在，都有一个你没有努力的曾经。