css的一些用法

1.CSS属性

  1.文字属性相关

    1.font-family:"文字1","文字2",

    2.font-size    文字大小

    3.font-weight   字体粗细

    4.color      字体颜色

      1.英文的颜色名  red

      2.16进制颜色代码   #FF0000

      3.RGB      rgb(255,0,0)  字体颜色(可通过截图来获取)

      4.rgba(255,0,0,0.4)         字体颜色(可以设置颜色的深浅)      

  2.宽和高

    1.width  宽

    2.height  高

      只有块儿级标签设置宽和高才有效

  3.背景

    background

    background-color: red  颜色

    background-image: url() 背景图片

  4.文本样式

    1.水平居中

      text-align : center

    2.单行文本的垂直居中

      line-height=父标签的高度

    3.文本装饰线

      text-decoration:none/under-line/over-line/line-through

  5.CSS盒子模型

    内容 --> padding --> border --> margin

  6.浮动

    float:left/right

    浮动的副作用

  7.定位

    1.相对定位 --> 相对自己原来在的文字做定位

    2.绝对定位 --> 相对自己已经定位过的祖先标签

    3.固定定位 --> 相对于屏幕做定位

  8.溢出

    overflow: hiddden/scroll/auto

  9.边框

    border : 1px solid red;

    boder - radius:50%

  10.display

    1. block

    2.inline

    3.inline-block

    4.none

 

  

posted @ 2018-09-04 16:55  赵振宇  阅读(99)  评论(0编辑  收藏  举报