zoukankan      html  css  js  c++  java
  • 学习CSS总结(二)

    1>字体属性:

    复制代码
    1 属性 含义 属性值 
    2 font-family 字体 各种字体 
    3 font-style 字体样式 
    4 font-variant 小体大写 
    5 font-weight 字体粗细 
    6 font-size 字体大小 
    7 color 字体颜色 颜色值 
    复制代码

    2>颜色与背景属性: 

    复制代码
    1 属性    含义    属性值 
    2 Color    颜色    颜色值 
    3 Background-color    背景色    颜色值 
    4 Background-image    背景图案    图片路径 
    5 Background-repeat    背景图案重复方式   
    6 Background-attachment    背景的滚动     
    7 Background-position    背景图案初始位置  background-position: 0px 0px;
    复制代码

    3>文本属性: 

    复制代码
    1 属性 含义 属性值 
    2 word-spacing 单词间距 
    3 letter-spacing 字母间距
    4 text-decoration 装饰样式 
    5 vertical-align 垂直方向位置 
    6 text-transform 转为其他形式 
    7 text-align 对齐 left| right| center| justify 
    8 text-indent 缩进 
    9 line-height 行高 
    复制代码

    4>边距属性: 

    1 属性 含义 属性值 
    2 margin-top 上边距 
    3 margin-right 右 
    4 margin-bottom 下
    5 margin-left 左 

    5>边框属性: 

    复制代码
    1 属性 含义 属性值 
    2 Border-top-width 上边框宽度 
    3 Border-right-width 右 
    4 Border-bottom-width 下 
    5 Border-left-width 左 
    6 Border-width 四边 
    7 Border-color 边框颜色 Color 
    8 Border-style 边框样式 
    9 Border-top|right|bottom|left 上(右|底|左)所有属性 
    复制代码

    6>图文混排: 

    1 属性 含义 属性值 
    2 Width 宽度 
    3 Height 高度 
    4 Float 文字环绕 Left | right 
    5 clear 去除文字环绕 Left | right | both 

    7>列表属性: 

    复制代码
    1 属性 含义 属性值 
    2 Display 是否显示 Block | inline | list-item | none 
    3 White-space 空白部分 Pre | nowrap | normal(是否合并) 
    4 List-style-type 项目编号 
    5 List-style-image 项目前图片 Img-url 
    6 List-style-position 第二行位置 Inside | outside 
    7 List-style 全部属性 
    复制代码
  • 相关阅读:
    Sphinx Search 学习 (一)
    求两个字符串最长子串的LCS算法 C语言实现(简短的实现函数)
    DPDK17.02入门手册
    DPDK2.1开发者手册4-7
    DPDK2.1开发者手册3-4
    DPDK2.1开发者手册1-2
    DPDK2.1 linux上开发入门手册
    深度优先搜索-linux上浅显易懂的例子
    多线程的电影
    数据对齐与代码优化笔记
  • 原文地址:https://www.cnblogs.com/wuqiance/p/11303577.html
Copyright © 2011-2022 走看看