权重:
ID的权重是100
类的权重10
标签的权重是1
样式最后使用权重大的
元素显示模式:块元素、行内元素、行内块元素
行内元素:
1.一行显示多个;
2.设置的宽高无效;
3.默认的宽高是内容的宽高;
常见的行内元素有:<a>-<strong>-<em>-<span>
链接里面不能再放链接、特殊情况链接<a>里可以放块级元素、 但是给<a>链接转换一下块级模式最安全。
块元素:
1.一行只能显示一个;
2.可设置宽高;
3.默认网页的宽度;
4.块元素内可以包含行内元素或块元素;
常见的块元素有:<h1>-<h6>-<P>-<div>-<ul>-<ol-<li>
文字类的标签不能使用块元素,比如<P>-<h1>~<h6>等标签
主要用于存放文字,因此标签内不能放块级元素。
行内块元素:
1.一行显示多个,但两元素之间有空白缝隙;
2.默认宽度是内容本身宽度;
3.可控制宽、高;
常见行内块元素有:<input>-<img>-<td>、同时具有快元素和行
内元素的特点
转换成块元素:
display:block;
block:块;
转换成行内元素:
display:inline;
inline:行内元素;
转换成行内块元素:
display:inline-block;
inline-block:行内块;