• 怎么感觉欠缺点什么、灵光在哪,让我顿悟下


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
        <style type="text/css">
        *{ margin:0px auto; padding:0px}
        #a1{100px; height:30px; text-decoration:none; color:black}
        #d1{300px;
            height:300px;
            background-color:#F60;
            color:white;
            text-align:center;
            vertical-align:middle;
            line-height:300px;
        }
        
        #anniu{
            104px;
            height:40px;
            background-color:#38f;/*背景色是蓝色*/
            color:white;/*文字颜色是白色*/







    <title>无标题文档</title>
        <style type="text/css">
        *{ margin:0px <所有东西都居中auto>; padding:0px}这句话每个界面都要写的,除了自己设计的之外,因为自己设置的优先级是最高的。
        #a1{100px; height:30px; text-decoration:none; color:black}
        #d1{300px;
            height:300px;
            background-color:#F60;
            color:white;
            text-align:center;
            vertical-align:middle;
            line-height:300px;
        }
        
        #anniu{
            104px;
            height:40px;
            background-color:#38f;/*背景色是蓝色*/
            color:white;/*文字颜色是白色*/
            font-size:16px;
            text-align:center;
            vertical-align:middle;
            /*行高*/line-height:40px;
        }
        
    #waiceng{400px;
            height:400px;
            background-color:#F00;
            }
    #neiceng{float: left;
            300px;
            height:300px;
            background-color:#30F;
    必须会 *【margin:20px上 30px右 20px下 30px;左
            padding:40px 0px 0px 10px;】2个样式,内边距和外边距
            
            }
        #li{
            200px;
            height:200px;
            background-color:#0F0;
            }
            
        
        </style>
        </head>
        <body>
            控制大小<div style="300px; height:300px;
            背景色background-color:#60F;
            背景图片 background-image: url(1.jpg);
            背景图片的平铺方式background-repeat: 横向平铺repeat-x 纵向平铺repeat-y不让平铺no-repeat;
            背景图片的位置 background-position:距离右边多少像素right 20px 距离上边多少像素top20px;
            背景图的大小background-size:背景图的宽度300px 背景图的高度300px;">测试文字</div>
            
            <div style="font-family:<!--最常用的字体-->微软雅黑; 
            字体大小font-size:14px; 加粗font-weight: bold; 倾斜font-style:italic; 颜色color:#F00; text-decoration:没有线none">控制修改字体</div>
            <br/>
            <a id="a1" href="http://www.baidu.com">超链接</a>
            
    标签可有<center>可换*{margin:0px auto; padding:opx}
            <div id="d1">测试</div>
            </center>
            <br>
            <div id="anniu">百度一下</div>
            <br/>
                
                <p style="缩进多少像素text-indent:30px; text-height:50px;文本的高度"> kjfdslkfjslkfjslfjdksljsl
                dkfgkdlfgerl积分多少分房间都感觉对方攻击
                的方式可对方能看上的方式看地方及时反馈大师傅的说法是
                对方付大哥大法官的规范地方法规的规定个地方大幅度发
                发放给多个地方vbghdsdvghbvtgfbgfht个的非官方的
                而温柔大方的的方法广泛覆盖的风格的</p>
                <div id="waiceng">    
                <div id="neiceng">
                        <div id="li"></div>
                </div>
                
                </div>
                
        </body>
    </html>
    
    
    



    font-size:16px; text-align:center; vertical-align:middle; /*行高*/line-height:40px; } #wai{380px; height:380px; background-color:#F00; } #nei{float: left; 300px; height:270px; background-color:#00F; margin:20px 30px 20px 30px; padding:40px 0px 0px 10px; } #li{ 100px; height:100px; background-color:#0F0; margin:20px 0px 0px 20px; } </style> </head> <body> <div style="400px; height:300px; background-color:#60F; background-image: url(1.jpg); background-repeat: repeat-x repeat-yno-repeat; background-position:right 20px top20px; background-size:400px 300px;">测试文字</div> <div style="font-family:常用的是微软雅黑; font-size:14px; 加粗font-weight: bold; 倾斜font-style:italic; 颜色color:#F00; text-decoration:none">控制修改字体</div> <br/> <a id="a1" href="http://www.baidu.com">超链接</a> <div id="d1">测试</div> </center> <br> <div id="anniu">百度一下</div> <br/> <p style="text-indent:30px; text-height:50px;"> kjfdslkfjslkfjslfjdksljsl dkfgkdlfgerl积分多少分房间都感觉对方攻击 的方式可对方能看上的方式看地方及时反馈大师傅的说法是 对方付大哥大法官的规范地方法规的规定个地方大幅度发 发放给多个地方vbghdsdvghbvtgfbgfht个的非官方的 而温柔大方的的方法广泛覆盖的风格的</p> <div id="wai"> <div id="nei"> <div id="li"></div> </div> </div> </body> </html>
  • 相关阅读:
    Backbone学习之todos实现
    由$(this).attr('id')引出的一点感想
    JS类的实现
    JS设计模式之接口
    JS设计模式之工厂模式
    JS设计模式之序
    JS的继承
    you think you know javascript?
    js中的null和undefined
    作用域、闭包等概念的理解
  • 原文地址:https://www.cnblogs.com/aqxss/p/6017651.html
Copyright © 2020-2023  润新知