练习笔记

部分html属性

    word-spacing:设置每个单词之间的间隔；

     letter-spacing:设置每个中文之间的间隔；

     text-transform:(1)lowercase:全部转换成小写字母； （2）uppercase:全部转换成大写字母；（3）capitalize:每个单词以大写字母开头。

     white-space: nowrap:文本不会换行，知道遇见</br>

CSS布局：

       当设置一个元素为box-sizing: border-box;时，元素的内边距和边框不会增加它的宽度。因为它是一个新的属性，需要使用一些前缀。如下：

                 

         布局常使用到的属性：position、float（可实现文字环绕图片）、clear（用于控制浮动）、clearfix（清除浮动：当照片溢出所制定的div时使用）、display:inline-block、column。

       Flexbox布局：

           简单布局如下：

                             

                           

                             

           

           居中布局一般是：1、margin: 0 auto（自动居中）；2、利用绝对定位和负边距居中。