zoukankan      html  css  js  c++  java
  • 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

      

  • 相关阅读:
    简谈单线程多线程的理解
    简谈vuex的理解
    简谈自己对redux的理解
    react-native-1
    react中信息传递的几种方式
    简谈对虚拟Dom的理解
    React-小总结
    移动端解决边框1像素问题
    JavaScript标记上的defer与async的作用与区别
    jQuery.smoove — jQuery和CSS3炫酷滚动页面内容元素动画特效插件
  • 原文地址:https://www.cnblogs.com/123zzy/p/9585472.html
Copyright © 2011-2022 走看看