CSS简单使用
overflow:hidden 防止字溢出
list-style:none 可以出去列表前的.
块状元素和行内元素
块状元素
块状元素特点
- 每个块状元素都会从新的一行开始，会自动换行
- 块级元素可以包含行内元素和其他块级元素
- 高度、宽度、行高、顶部、底部边距都可设置
- 宽度在不设置的情况下与父元素宽度一致
1 | <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form> |
可以通过设置display:block将元素显示为块状元素
行内元素
行内元素特点
- 和其他元素在一行上，不会自动换行
- 一般行内元素只能包含内容或者其他行内元素
- 高度、宽度、顶部和底部边距都不可设置
- 元素的宽度是所包含内容的宽度，不可改变
1 | <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<code> |
可以通过设置display:inline将元素显示为行内元素
行内块状元素
行内块状元素特点
- 和其他元素在一行上
- 高度、宽度、行高、顶部、底部边距都可设置
1 | <img>、<input> |
可以通过设置display:inline-block将元素显示为行内块状元素