CSS学习笔记01-块元素和内联元素.html
来源:互联网 发布:win系统传文件到mac 编辑:程序博客网 时间:2024/05/22 02:03
<!DOCTYPE html>
<!--
作者:1357751126@qq.com
时间:2014-09-19
描述:
>>>>
#.X{
display: inline| block| none;--显示属性:内联 | 块 |不显示;
}
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
display: inline;
}
a{
display: block;
}
</style>
</head>
<body>
<!--
作者:1357751126@qq.com
时间:2014-09-18
描述:
block元素的特点(---块---元素)
①总是在新行上开始;
②高度,行高以及外边距和内边距都可控制;
③宽度缺省是它的容器的100%,除非设定一个宽度。
④它可以容纳内联元素和其他块元素
inline元素的特点(---内联---元素)
①和其他元素都在一行上;
②高,行高及外边距和内边距不可改变;
③宽度就是它的文字或图片的宽度,不可改变
④内联元素只能容纳文本或者其他内联元素
-->
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>
<div id="div5">div5</div>
<a href="#">a1</a>
<a href="#">a2</a>
<a href="#">a3</a>
<a href="#">a4</a>
<a href="#">a5</a>
</body>
</html>
<!--
作者:1357751126@qq.com
时间:2014-09-19
描述:
>>>>
#.X{
display: inline| block| none;--显示属性:内联 | 块 |不显示;
}
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
display: inline;
}
a{
display: block;
}
</style>
</head>
<body>
<!--
作者:1357751126@qq.com
时间:2014-09-18
描述:
block元素的特点(---块---元素)
①总是在新行上开始;
②高度,行高以及外边距和内边距都可控制;
③宽度缺省是它的容器的100%,除非设定一个宽度。
④它可以容纳内联元素和其他块元素
inline元素的特点(---内联---元素)
①和其他元素都在一行上;
②高,行高及外边距和内边距不可改变;
③宽度就是它的文字或图片的宽度,不可改变
④内联元素只能容纳文本或者其他内联元素
-->
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>
<div id="div5">div5</div>
<a href="#">a1</a>
<a href="#">a2</a>
<a href="#">a3</a>
<a href="#">a4</a>
<a href="#">a5</a>
</body>
</html>
0 0
- CSS学习笔记01-块元素和内联元素.html
- Html/Css内联块元素
- HTML+CSS学习之块元素和内联元素的区别
- CSS的块元素和内联元素
- CSS内联元素和块级元素
- css 块级元素和内联元素
- CSS块级元素和内联元素
- CSS块元素和内联元素特征
- html元素之内联和块元素
- HTML-块级元素和内联元素
- HTML的块元素和内联元素
- html中的块元素和内联元素
- html块元素和内联元素
- 块级元素、内联元素学习笔记
- CSS和HTML中的块元素和内联元素的区别,特点和关系
- CSS的内联和块元素
- html css层叠样式基础(内联元素和块元素)(二)
- 内联元素和块元素
- hdu 4957 贪心破木桶接水大trick
- CentOS-6.3安装配置JDK-7
- UVa 1587 - Box
- day54,page70
- Qt音乐播放器制作(一)Easy Player
- CSS学习笔记01-块元素和内联元素.html
- 数据的表示
- Spring4.x IOC容器的初始化,开启log4j日志
- hadoop2.4.0 安装配置
- UVA - 10054 The Necklace
- uva10131
- C语言malloc和free
- 7.Eclipse中创建新Maven项目
- CSS学习笔记02-定位和浮动.html