zoukankan      html  css  js  c++  java
  • CSS属性(常用的属性)

    CSS属性(常用的属性)http://www.w3school.com.cn/cssref/index.asp

    一:文本与字体属性

     1.字体属性

      (1):font-size:字体的大小(例如:font-size:14px)(em当前对象内文本字体大小 pt绝对长度单位(多少个点的单位)px相对长度单位(像素))

      (2):font-family:字体的类型(例如:font-family:"隶书","宋体",Arial,"Times New Roman";)

      (3):font-style:字体风格(样式)(例如:font-style:normal正常(italic斜体 oblique倾斜))

      (4):font-weight:字体的粗细(例如:font-weight:bold加粗(normal正常))

      (5):font:一次设置一个或多个字体属性:顺序为(3),(4),(1),(2)

     2.文本属性

      (1):color:字体颜色

      (2):line-height:设置行高

      (3):text-align:设置文本对齐方式(left左对齐 right右对齐 center居中对齐)

      (4):text-decoration:向文本添加修饰(underline下划线 ,none缺省值, overline上划线 ,line-through删除线 ,blink ,inherit)

      (5):letter-spacing:设置字符间距

      (6):white-space:如何处理空白

    二:列表属性

      (1):list-style-type:设置列表项标志的类型

      (取值有1.disc(黑圆点)2.circle(空心圆点)3.square(小黑方块)4.none(无列表项标志))

      (2):list-style-image:url("图片地址")  将图片设置为列表项标志

      (3):list-style-position:列表项标志的位置

      (取值1.outside项目标记在文本以外,不根据标记对齐  2.inside项目标记在文本以内,环绕文本根据标记对齐)

      (4):list-style:设置所有列表属性的简写  (依次为(1) (3) (2) )

    三:浮动属性

      float: (取值(1)left左浮动 (2)right右浮动 (3)none不浮动 (4)inherit继承父类float值)

      clear:(取值(1)left不能左浮动 (2)right不能右浮动 (3)none允许浮动 (4)both两侧都不允许有浮动 )

    四:背景属性(1,2,3,4)

      (1)background-color:设置背景颜色(transprent透明的)

      (2)background-image:url("图像地址")  设置背景图像

      (3)background-repeat:设置背景图像的重复方式(和background-image合用)

      (取值repeat水平和垂直方向重复、repeat-x水平重复、repeat-y垂直重复、no-repeat只显示一次)

         (4)background-attachment:背景图像是否固定或者随着页面的其余部分滚动。(scroll,fixed)

      (4)background-position:设置背景图像的起始位置(和background-image合用)

    五:盒子模型

      (1)border:边框 (顺序width -- style-- color)

        [1]四个方向:border-top上边框  border-right右边框  border-bottom下边框  border-left左边框

        [2]修饰属性:

          border-color边框颜色 (顺序 :上 右 下 左)

          border-width边框宽度(thin细 thick粗 medium默认2px)(顺序 :上 右 下 左)

            border-style边框样式(none无边框 solid实线 dashed虚线 dotted点状边框 double双线边框) (顺序 :上 右 下 左)

      (2)padding:填充(内容与边框之间的距离)(顺序 :上 右 下 左)(网页设计中宽度和高度包括padding的)

      (3)margin:边界(边框外面周围的间隙,主要控制版块与版块之间的距离)(顺序 :上 右 下 左)

      (4)content:内容

    六:定位属性

         (1):position 定位 

         [1]static: 默认值,没有定位

             [2]absolute 绝对定位(上 下 左 右)

             [3]relative 相对定位(上 下 左 右)

             [4]fixed 绝对定位

         (2):float浮动

         (3):z-index 空间位置

    七:控制元素大小

      元素高度

      height:元素宽度

  • 相关阅读:
    Hexo博客搭建教程
    windows7如何查看端口被占用
    openshift rhc
    .net面试题精选
    Java垃圾回收机制
    Maven 入门篇(下)
    Maven 入门篇 ( 上 )
    OPENSHIFT MYSQL使用Navicat远程连接
    ci配置smarty手记
    solr多核配置
  • 原文地址:https://www.cnblogs.com/futao123/p/4322625.html
Copyright © 2011-2022 走看看