标准流
- 常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
a { display:block;} //将内联元素转换为块状元素
1.每个块状元素都从新的一行开始，并且其后的元素也另起一行。
2.元素的高度，宽度行高以及顶和底部距离 都可以设置
3.元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个高度
- 常用的内联元素有：
<a>、<span>、
、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
块状元素可以用过 display:inline转换为内联元素
1 和其他元素都在一行上
2 元素的高度宽度及顶部和底部距离不可设置
3 元素的宽度就是它包含的文字或图片的宽度 不可改变
- 常用的内联块状元素有：
<img>、<input>
display:inline-block; 同时具备内联元素 块状元素的特点
1 和其他元素在一行上
2 元素的高度 宽度 行高 顶 底 都可以设置
css内定义的宽（width）和高（height）指的是填充以里的内容
1 元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
网友评论