第四周笔记

笔记一

文本样式（目标:能够使用字体和文本相关样式修改元素外观样式）

1、 文本缩进: text-indent（比如段落的首行要空两格，注意浏览器默认字号为16px）

       取值：数字+px
                 数字+em(推荐:1em =当前标签的font-size的大小)

 2、文本水平对齐方式: text-align

      

 

     注意点:如果需要让文本水平居中，text-aliqn属性给文本所在标签(文本的父元素）设置。

    text-align : center 能让水平居中的元素：1.文本
                                                                     2. span标签、a标签

                                                                     3. input标签、img标签

3、文本修饰: text-decoration

      

       开发中使用text.decoration:none 清除默认a标签的下划线。

4、line-height行高

       控制一行的上下行间距

       取值:数字+px
               倍数（当前标签font-size的倍数)

        应用:1.让单行文本垂直居中可以设置line-height :文字父元素高度

                2.网页精准布局时，会设置line-height : 1可以取消上下间距

       行高与font连写的注意点:如果同时设置了行高和font连写注意覆盖问题

                                              font : style weight size/line-height family ;

5、调试工具（F12键、打开页面后直接右键点击检查

6、文字颜色：color

      背景颜色：background color

 

7、auto作用：左右间距

标签水平居中方法总结margin : 0 auto
注意点：

1.如果需要让div、p、 h(大盒子)水平居中，直接给当前元素本身设置即可
2. margin: 0 auto一般针对于固定宽度的盒子，如果大盒子没有设置宽度，此时会默认占满父元素的宽度