zoukankan      html  css  js  c++  java
  • 1119

    式样属性

    A背景与前景

    background-color:#F90;/*背景色,样式表优先级高*/

    background-image:url(路径);/*设置背景图片*/

    background-attachment:fixed;/*背景固定,不随字体滚动*/

    background-attachment:scroll;/*背景随字体滚动*/

    background-repeat:no-repeat;/*no-repeat 不平铺;repeat-x(y) 横(纵)向平铺*/

    background-position:center;/*背景图居中,设置背景图片位置时,repeat必须为no-repeat*/

    background-position:right top;/*背景图放到右上角*/

    background-position:left 100px top 200px;/*离左边100像素,离上边200像素(可以设置为负值)*/

    字体

    font-family:"新宋体" /*字体*/

    font-size:12px /*字体大小*/

    font-weight:bold;/*bold是加粗,normal是正常*/

    font-style:italic;/*倾斜,normal是不倾斜*/

    color:#03C;/*颜色*/

    text-decoration:underline;/*下划线,overline是上划线,line-through是删除线,none是去除下划线*/ t

    ext-align:center;/*水平居中对齐,left是左对齐,right是右对齐*/

    vertical-align:middle;/*垂直居中对齐,top是顶部对齐,bottom是底部对齐*/

    text-indent:28px;/*首行缩进量*/

    line-height:24px;/*行高,一般为1.5`2倍字体大小*/

    display:none;/*none不显示;inline-block 显示为块,不自动换行,宽高可设;block显示为块,自动换行;inline效果同span标签,不自动换行,宽高不可设*/ visibility:hidden;/*可视性。hidden隐藏但是占空间;visible,显示*/

    B边界和边框

    border(表格边框、样式等)、margin(表外间距)、padding(内容与单元格间距)

    border:5px solid blue;/*四边框;5像素宽、实线、蓝色*/

    border-width:5px;border-style:solid;border-color:bule;/*四边框;5像素宽、实线、蓝色*/ border-top:5px solid bule;/*上边框:5像素宽、实线、蓝色*/

    border-bottom:5px solid bule;/*下边框:5像素宽、实线、蓝色*/

    border-left:5px solid bule;/*左边框:5像素宽、实线、蓝色*/

    border-right:5px solid bule;/*右边框:5像素宽、实线、蓝色*/

    margin:10px;/*四边外边框宽度为10像素。auto 居中*/

    margin-top:10px;/*上边外边框宽度为10像素*/

    margin:20px 0px 20px 0px;/*上右下左,四边外边框顺时针顺序依次为20像素0像素20像素0像素*/

    padding:10px;/*内容与边框的四边间距为10像素*/

    padding-top:10px;/*内容与边框的上间距为10像素*/

    padding:20px 0px 20px 0px /*上右下左,内容与边框的四边间距顺时针顺序依次为20像素0像素20像素0像素*/

    C列表与方块

    width、height(top、bottom、left、right)只有在绝对坐标的时候才能用

    list-style:none;/*取消序号*/

    list-style:circle;/*序号变成圆圈,样式相当于无序列表*/

    list-style-image:url(图片地址);/*图片作为序号*/

    list-style-position:outside;/*序号在内容外*/

    list-style-position:inside;/*序号跟内容在一起*/

  • 相关阅读:
    GEF: 图形拖拽处理
    【矩阵快速幂】bzoj1297 [SCOI2009]迷路
    【扩展欧几里得】NOIP2012同余方程
    【高精度乘法】NOIP2003麦森数
    【数论·错位排列】bzoj4517 排列计数
    【数论】Lucas
    【NOIP2012】疫情传递
    【NOIP2012】旅行计划
    【Manacher算法】求最长回文串的优秀算法
    【Tarjan】洛谷P3379 Tarjan求LCA
  • 原文地址:https://www.cnblogs.com/dnf1612/p/6080265.html
Copyright © 2011-2022 走看看