2020/4/15 css学习心得

<!--CSS-->

 1.行内样式 style  2，内部样式表 放在head style内部 p{xx} 3.外部样式 引入css link标签   使用外部样式表

           <!--选择器-->

 1.id选择器#aa{xx} 2.类选择器.aa {xx} 选择class属性3.元素选择器 4.属性选择器[type="xx"]{xx}

 选择器后者优先前，内联>id>类>元素 类和元素常用

 <!--宽高-->

    weight hight 宽高不对行内元素生效，生效于块状

<!--背景-->

backgroud <img src="" alt="">

backgroud repeat=no 背景平铺，backgroud position 背景位置

backgroud attachment 页面背景不滚动，窗口滚动    fixed窗口定位 

/* overflow指内容溢出的元素框

visible 默认值。内容不会被修剪，会呈现在元素框之外。

hidden  内容会被修剪，并且其余内容是不可见的。

scroll  内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto    如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

background背景图片 

scroll  背景图片随着页面的滚动而滚动，这是默认的。

fixed   背景图片不会随着页面的滚动而滚动。

local   背景图片会随着元素内容的滚动而滚动。

<!--文本标签-->

    <!--首行缩进 text=indent,

        文本居中 text=align 

        下划线 text-decoration:underline

        和u一样用法

        删除线 line-throught和s一样

        line height 单行的行高居中-->

        word-break

        文本不换行<white-space>

       文本超出<overflow:hidden>

        文本超出显示省略号   text-overflow:ellipsis;