WEB前端css

txet属性

  text开头的属性

       text-ingent：首行缩进

                 第一行的文本缩进指定的距离

       text-decoration：文本修饰

                 underline 下划线，line-througn删除线

                 over-line上划线，none取消文本修饰

     text-align：文本横向对齐方式

              针对行内  行内块   文本  在一个有宽度的元素里面  横向的对齐方式

                      left（默认） center right

          overflow：

             当前元素内部的内容如果超出了当前盒子

                  visible（默认值）溢出可见

                  hidden（溢出隐藏）   scroll（溢出时可以滚动） auto（只有溢出时才显示滚动效果）

opacity和ragb的区别

     opactity:0~1; 设置透明度 0表示透明，1表示不透明

                     针对元素透明  表示当前元素以及内部所有内容一起透明或者半透明

    rabg  只设置当前颜色透明

css隐藏元素的几种方式

     占位：opactity：0

                visibiliity：hidden

                 margin-left：-很大的数

     不占位

                display：none；（实际开发中用户的最多的）

                 width：0；height：0；overfloe：hidden；只能针对行内块和块级元素

浮动的基本使用

           float：left  ， right    ，none（不浮动默认值）

          元素设置浮动 能够让当前元素脱离标准文档流（脱标)

          比如 块级元素 设置浮动之后  可以放在一行显示  设置浮动的元素相当于具有了行内块效果

      左浮动：元素往左浮动    右浮动：元素往右排列

    浮元素的特点：

       1.浮动影响后面的元素

                浮动的元素脱标了  不占原来的位置了  所以对后面的元素造成影响

       2.浮动找浮动   不浮动找不浮动

                浮动元素脱标了   就会在二楼  不浮动的元素 不脱标 在一楼

                如果两元素度浮动了 还是遵循之前的规则

      3.浮动以元素顶部为基准

                浮动会以父元素的顶部为基准  无法浮动超出父元素

让块级元素在一行显示 块级元素脱标  浮动可以实现模式转换