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

    <link rel="stylesheet" type="text/css" href="mystyle.css">

    字体

    font-family:"字体";   字体

    font-size:12px;    大小

    color:         颜色

    font-weight:bold;      文字粗细  bold加粗  normal正常

    font-style:italic;      文字倾斜   italic倾斜  normal正常

    font-decoration:underline;    下划线  overline  上划线  line-through  删除线

    text-transform:capitalize    单词首字母大写  uppercase全部大写  lowercase全部小写

    text-align:center;    (水平对齐)居中对齐,left左对齐,right右对齐,

    vertical-align:middle;  (垂直对齐)居中对齐,top顶部对齐,bottom底部对齐

    line-height:    行高(1.5倍—2倍字体大小)

    背景与前景

    background-color:#000000;    背景色

    background-image:url(路径);    背景图片

    background-attachment:fixed:    背景固定

    background-attachment:scroll;    背景滚动

    background-repeat:no-repeat;         no-repeat不平铺repeat平铺repeat-x横向平铺repeat-y纵向平铺

    background-position:center;    居中

    background-position:left 100px top 200px;    离左边100像素 离上边200像素

    图片样式

    border  边框    margin  表外间距    padding  内容与单元格

    border-style:dotted;    点划线

    border-style:dashed;    虚线

    border-style:solid;    实线

    border-color:#000;    颜色

    border-1px;    宽度

    border-top:1px solid #000;    上

    border-bottom:    下

    border-left:      左

    border-right:    右

    margin:20px 0px 0px 20px  上 右 下 左

    margin:auto;  居中

    border-collapse:collapse;    边框重叠

    float:left;    靠左

    float:right;    靠右

    clear:both;    截断流 取消影响

     

    超链接控制

    a:link    一般链接

    a:visited    访问过的链接

    a:hover    鼠标指向链接的形式

     

    overflow:hidden;    超出范围时隐藏

    overflow:scroll;    超出范围时显示滚动条

     

    cursor:pointer    鼠标指到上面的形状

     

        

  • 相关阅读:
    代码性能优化-1
    sql调优-1
    2020.11.08 字符串可以是对象
    2020.11.09 JavaScript运算符
    2020.11.10 JavaScript 比较
    2020.11.11
    2020.11.12 条件语句
    2020.11.13 switch语句
    2020.11.14 循环
    2020.11.15
  • 原文地址:https://www.cnblogs.com/duan594939295/p/4932171.html
Copyright © 2011-2022 走看看