h5 cs3 复习

二、块元素

2.2块元素

常见的块元素有
<h1>~<h6>、
<p>
<div>
<ul>、 <ol>、 <li>`等
其中<div>标签是最典型的块元素。

块级元素的特点:

①比较霸道，自己独占一行。
②高度,宽度、外边距以及内边距都可以控制。
③宽度默认是容器(父级宽度)的100%。
④是一个容器及盒子,里面可以放行内或者块级元素。

注意:
●文字类的元素内不能使用块级元素
●p 标签主要用于存放文字,因此p里面不能放块级元素,特别是不能放div
●同理，h1~ h6等都是文字类块级标签,里面也不能放其他块级元素

三、定位

定位口诀：子绝（对）父相 （对）

<style>
	.fa{
		width: 500px;
		height: 500px;
		background-color: skyblue;
		background-color: #fff;
/*父元素加了定位子元素的绝对定位以此为准*/                  
		position: relative;
		  
	}
	.ch{
		width: 200px;
		height: 200px;
		background-color: yellow;

/*绝对定位以：加了定位的父元素为基准，如果父元素没有就找祖父元素，如果都没有则以浏览器为基准*/
		position: absolute; 
		top: 100px;
		right: 100px;
	}
</style>
	<div class="fa">
		<div class="ch"></div>
	</div>