day2-

text-align 和 margin属性

    注意: text-align:center 主要用在文本内的居中.  margin:主要是想让一个容器在它的整个父容器种居中.

标签的分类

正确的区别元素类型的区别可以更加灵活的补充网页的内部细节.

block: div, p, ul, li, h1

            1. 独占一行; 

            2.支持所有样式; 

            3.不写宽的时候, 跟父元素的宽相同; 

            4.所占区域是一个矩形

inline :span, a, em, strong, img...

            1.挨在一起; 

            2. 有些样式不支持, 例如,width, height, margin, padding;

            3.不写宽的时候, 宽度由内容绝定; 

            4.所占的区域不一定是矩形; 

            5.内联标签之间会有空隙, 原因:换行产生.

inline-block: input, select..

            1.挨在一起. 但是支持宽高.

定位参考系

这里要强调的是. 参考系的查询规则.

若 B不作为参考系, 则C就会查找A是否是参考系 如果不是, C会以浏览器为参考系

一个小的功能实现: 

边框属性

    cursor: 该属性定义了鼠标放到该边框的形状

    resize:可以用来调整div的元素的大小

    outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

    utline-offset 属性对轮廓进行偏移，并在边框边缘进行绘制。

    例子

   

overflow属性

overflow 可以用在容器内文字阅读时使用.        overflow-x:是将作用在x方向, 同理y如是.