zoukankan      html  css  js  c++  java
  • CSS样式表属性

    今天主要学习的知识点是CSS样式表中的属性

    1.尺寸大小属性:width定义宽度,可以用像素或者百分比来定义。height定义高度。

    2.背景属性:background-color表示背景颜色      

          background-position 表示背景图片的位置

          background-image表示背景图片     

           background-attachment表示背景图片是否滚动,有fixed(固定不滚动),scroll滚动         

          background-size 背景图片的大小

          background-repeat表示背景图的平铺方式

    3.字体属性:font-family 字体样式      font-size 字体大小    font-style字体风格(比如italic倾斜)

     font-weight 字体粗细(比如bold加粗)  text-decoration字体修饰线(包括underline下划线  overline上划线  linethough删除线  none去掉原来超链接的下划线)  color 字体颜色

    4.对齐方式: text-align水平对齐方式   vertical-align垂直对齐方式,配合行高使用   line-height行高 

    text-indent 缩进量  

    5.边框 分为外边框magin 和内边框padding(增加内边距时元素也会相应增大)  边距设置顺序为magin:0px;0px;0px;0px;上右下左

    border: 1px solid #60F;分别表示边框的粗细,边框样式为实线(虚线为dashed) 边框的颜色。

    6.列表方块 list-style:none是将列表前面的序号取消    list-style-image 可以将前面序号变成图片

    7.格式与布局

    ·位置:位置position包括fixed(固定位置,在浏览器中的位置固定),absolute(绝对位置,相当于父级元素) relative(相对位置,相对于自身应该出现的位置)

    ·top:距离上边的距离    right距离右边的距离   bottom距离下边的距离   left 距离左边的距离

    ·流布局 :float流(left表示向左流,right表示向右流)  clear :both 清掉流

    z-index分层 数字越大越靠上

    8.其他

    ·display 显示block和隐藏none,不占位置

    ·visibility显示visible和隐藏hidden,占位置

    overflow 超出范围 hidden隐藏,scrolling滚动条

    ·透明 opacity:0到1之间表示透明程度

    ·圆角 border-radius 单位像素表程度

    ·阴影 box-shadow 0 0 5px  white 默认右下 正负控制方向

     

  • 相关阅读:
    14_最长公共前缀_字符串_简单
    5. 最长回文子串_字符串_中等
    187. 重复的DNA序列_字符串_中等
    lr_bn_batchsize_deformable convolution_Hard negative mining
    彻底搞懂HTTPs的加密原理
    20. 有效的括号_字符串_简单
    13_罗马数字转整数_字符串_简单
    202_快乐数_数组_简答
    组件
    World
  • 原文地址:https://www.cnblogs.com/du892294464/p/6550856.html
Copyright © 2011-2022 走看看