<em></em>是强调,主要用户人名的说明
<q></q>主要是短文本的引用(比如引用了一篇诗)
<blockquote></blockquote> 主要是长文本的引用
<code></code>是加入一行代码(比如文本中加入一行代码语言时可以用到)
<pre></pre>是加入一大段代码(比如文本中一整块引用代码语言)
<ul></ul>没有顺序
<ol></ol>有顺序
<caption></caption>是表格的标题
css盒模型
一、display:block 将元素设置为块级元素
特点:
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
二、display:inline将元素设置为内联元素
特点:
1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
三、 display:inline-block将元素设置为内联块状元素
特点:
inline-block 元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。
css布局模型
relative与absolute 的组合使用
相对于其他元素进行定位规则
1、参照定位的元素必须是相对定位元素的前辈元素:
2、参照定位的元素必须加入position:relative;
3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了
设置div自动居中
div{margin:0 auto}
此时不能设置浮动和绝对定位属性,否则就不能显示自动居中了。
清除浮动影响常用的方法
clear 属性:clear :both;clear:left;clear:right
同时设置width:100%(获取固定宽度)+overflow:hidden
position属性具有三种定位
静态定位、绝对定位、相对定位
可设置四种属性:static(静态定位)--处于标准流中、relative(相对定位)、absolute(绝对定位)、fixed(固定定位)
position:relative;处于标准流中,设置之后就可以定义相对偏移量:letf、top 等。这样可能导致与兄弟元素重叠
position:absolute;脱离标准流中,如果不设置偏移量处于我行我素状态(即使有祖先元素)
设置绝对定位时(如果没有设置宽度、他的宽度会随着内容的变化而变化)