• CSS中常见样式


    CSS中的文本控制

    color: 设置文本颜色
    direction: 设置文本方向(默认情况下是从左到右即ltr,当是rtl时文本为从左到右)
    line-height: 设置行高(eg:p{line-height:40px;})
    litter-spacing: 设置字符间距
    word-spacing 设置字间距
    text-indent: 缩进首行文本eg:p{line-indentt:2em;}首行缩进两字符)
    text-decoration: 向文本添加修饰
    text-align: 对齐元素中的文本
    text-transform: 控制元素中的字母

    css中的字体控制

    font-family: 属性定义文本的字体序列(通用序列:Serif,Sans-serif,Monaspace,Cursive,Fantasy)
    font-style: 属性规定斜体文本(normal,italic,oblique)
    font-weight: 属性用来设置文本粗细的(normal,italic,oblique)
    font-size: 属性用来设置文本大小(px\em%)(1em=16px)

    css中的背景控制

    background-color: 属性设置元素的背景颜色(值:color_name\hex_name\rgb_name)
    background-image: 属性为元素设置背景图像
    background-repeat: 属性设置是否或如何重复背景图像(repeat\repeat-x\repeat-y\no-repeat)
    background-position: 属性设置背景图像的起始位置(top,buttom,left,right,center%\px)

    css中的列表属性

    list-style-type: 属性设置列表项标记的类型(disc/none/circle/square/decimal/......)
    list-style-image: 属性使用图像来替换列表项的标记
    list-style-position: 属性设置在何处放置列表项标记(默认将列表项目设置在文本以外,即outside)
    list-style: 复合写法

    css中的链接样式

    eg:

    a{font-size:30px; text-decoration:none;}
    

    css中的表格控制

    border-style: 属性用于设置元素边框的样式(dotted solid double dashed /...)
    border-collapse: 属性设置是否将表格边框折叠为单一边框(separate/ collapse)
    border-spacing: 属性设置相邻单元格的边框的距离(length)
    caption-side: 属性设置表格标题的位置
    表格中的文本对齐方式:
    text-align: 属性设置水平对齐方式(left/center/right)
    vertical-align: 属性设置垂直对齐方式(top/center/bottom)
    eg:

    table{400px; height:400px; border-style:dotted solid;}
    

    css中的伪元素

    :before 该伪元素定义在元素之前添加内容
    :after 该伪元素定义在元素之后添加内容
    :first-line 该伪元素向文本的首行添加特殊样式
    :first-letter 该伪元素向文本的第一个字母添加特殊样式
    eg:

    h1:before{content:url(image/keduoli.jpg)}
    content配合before和after使用
    
  • 相关阅读:
    ffmpeg-3.2.4-static-win32-for-XP-bin.tar.xz
    FFmpeg Scaler Options
    MinGW GCC 6.3.0 2017年3月份出炉啦
    ffmpeg-201701[10,16,21,23,25]-bin.7z
    ffmpeg-201612[01,08,10,17,21,27,30]-bin.7z
    Firefox Portable Developer 52.0.0.6176-6178
    DIR 按文件名中数字大小进行排序
    ffmpeg-20161104[07,10,16,21,22,27,30]-bin.7z
    gnuWin32-mini-2016.10.30
    gnu coreutils-8.25 for win32 static
  • 原文地址:https://www.cnblogs.com/Acapplella/p/13410530.html
Copyright © 2020-2023  润新知