2018-08-11-Python全栈开发day38-web前端css快速入门2

设置css的文本属性和边框属性

1.文本属性

　　1.1设置长和宽

　　　　

<style>
        div{
            height:500px;
            width: 50px;
            background: red;
        }
    </style>

　　1.2 横向居中

　　　　

text-align: center;

　　1.3 设置标签内字体高度

　　　　

line-height: 100px;

　　1.4首行缩进

　　

 text-indent: 150px;

　　1.5 字符间间距

扫描二维码关注公众号，回复： 2713556 查看本文章

　　

letter-spacing: 20px;

　　1.6 单词间间距

　　

 word-spacing: 20px;

2.边框属性

　　2.1 padding内边距

　　标签内字体和内边距的距离

　　2.2margin 

　　　　两个标签之间的举例

　　2.3 border　　

　　　　内边距和外边距之间的举例

3.边界塌陷

　　如果两个标签处于上下位置，当两个标签的margin一个是10px，一个是20px，则两个标签之间的距离为20px，以大的为准，但是左右的时候只是单纯的两个相加

4.E F父子之间的margin

　　如果E中没有任何东西，padding之类，那么可以认为这个E为空，则当F在找上边界的时候，会直接跳过E，找其他的边界、如果想要以E为标准，则给E加个东西

5.float属性

　　5.1文档流

　　　　在html中，标签经过渲染后默认显示方式是从左到右，从上到下

　　5.2 float

　　直接将某个标签悬空，此时