css初始化（淘宝）

最新推荐文章于 2023-12-07 16:21:50 发布

转载最新推荐文章于 2023-12-07 16:21:50 发布 · 88 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gxywb/p/10861660.html

本文介绍了一种精简CSS样式的有效方法，通过统一设置元素的margin和padding为0，标准化字体大小和行高，以及消除默认样式差异，使得页面布局更加整洁、统一。文章还涉及了如何使用reset CSS来简化样式表，提高网页加载速度。

<style>
            blockquote,
            body,
            button,
            dd,dl,dt,
            fieldset,
            form,
            h1,h2,h3,h4,h5,h6,
            hr,
            input,
            legend,
            li,ol,p,
            pre,td,
            textarea,th,ul{
                margin: 0;
                padding: 0;
            }
            body,button,input,select,textarea{
                font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
            }
            h1,h2,h3,h4,h5,h6{
                font-size: 100%;
            }
            address,cite,dfn,em,var{
                font-style: normal;
            }
            code,kbd,pre,samp{
                font-family: ,"courier new",courier,monospace;
            }
            small{
                font-size: 12px;
            }
            ol,ul{
                list-style: none;
            }
            a{
                text-decoration: none;
            }
            a:hover{
                text-decoration: underline;
            }
            sup{
                vertical-align: text-top;
            }
            sub{
                vertical-align: text-bottom;
            }
            legend{
                color: #000;
            }
            fieldset,img{
                border: 0;
                display: block;
            }
            button,input,select,textarea{
                font-size:100%;
            }
            table{
                border-collapse: collapse;
                border-spacing: 0;
            }
        </style>