• 样式表--


    <div style=:600px; heiget:600px; background-color:...; background-image; background-repea:...; background-position;

                      宽度               高度                背景颜色                     背景图片                   背景图平铺                 背景图位置                  

    background-attachment; background-size 200px 200px;
          背景图滚动                                背景图大小  

    ------------------------------------------------------------------------字体设置------------------------------------------------------------------------------

    <div style=font-famliy:...; font-size:...; font-weight:italic; font-weight:bold; color;
                  设置字体样式     设置字体大小          倾斜                   加粗                  颜色

     text-decoration:underline && overline && line-through && none >

                              下划线           上划线          删除线        去掉下划线
    ----------------------------------------------------------------<去掉下换线改字体颜色>-------------------------------------------------------------------

    <a id="d1" href="http://www.baidu.com">超链接</a>                              #d1{100px; height:100px; text-decoration:none; color:..;}

                                                              去掉下划线  改变字体颜色

    -----------------------------------------------------------------------<div>-------------------------------------------------------------------------------

     <div id="m1">测试</div>                                                   

    #m1{300px; height:300px; background-color:#0F0; color:#60C; text-align:center; vertical-align:middle; line-height:300px;}
                                                                                                               水平对齐                垂直对齐                   行高

    -----------------------------------------------------------------------------*--------------------------------------------------------------------------------

    *{ margin:0px auto; padding:0px}   调整无边距    auto 使图片居中

    ---------------------------------------------------------------套<div>-------------------------------------------------------------------------------------

    <div id="wai">

            <div id="nei">

                      <div id="li"></div>

            </div>

    </div>

    #wai{ 300px; height:300px; background-color:#000;}
    #nei{ float:left; 200px; height:160px; background-color:#999; margin:20px 30px 20px 30px; padding: 40px 0px 0px 10px;}
    #li{ 100px; height:100px; background-color:#F0F;}

  • 相关阅读:
    深入解析TRUNCATE TABLE – 手工修复和验证过程
    python 2维数组
    15个 MySQL 基础面试题,DBA 们准备好了吗?
    15个 MySQL 基础面试题,DBA 们准备好了吗?
    15个 MySQL 基础面试题,DBA 们准备好了吗?
    15个 MySQL 基础面试题,DBA 们准备好了吗?
    移动App性能测评与优化1.4.4 多进程应用
    移动App性能测评与优化1.4.4 多进程应用
    移动App性能测评与优化1.4.4 多进程应用
    移动App性能测评与优化1.4.4 多进程应用
  • 原文地址:https://www.cnblogs.com/hao0/p/6015203.html
Copyright © 2020-2023  润新知