<tfoot id='jdCOu'></tfoot>

  • <legend id='jdCOu'><style id='jdCOu'><dir id='jdCOu'><q id='jdCOu'></q></dir></style></legend>

        <bdo id='jdCOu'></bdo><ul id='jdCOu'></ul>
    1. <small id='jdCOu'></small><noframes id='jdCOu'>

    2. <i id='jdCOu'><tr id='jdCOu'><dt id='jdCOu'><q id='jdCOu'><span id='jdCOu'><b id='jdCOu'><form id='jdCOu'><ins id='jdCOu'></ins><ul id='jdCOu'></ul><sub id='jdCOu'></sub></form><legend id='jdCOu'></legend><bdo id='jdCOu'><pre id='jdCOu'><center id='jdCOu'></center></pre></bdo></b><th id='jdCOu'></th></span></q></dt></tr></i><div id='jdCOu'><tfoot id='jdCOu'></tfoot><dl id='jdCOu'><fieldset id='jdCOu'></fieldset></dl></div>
      1. WEB标准之CSS 打造自己的reset.css

        时间:2023-12-14

            <tfoot id='AlmsV'></tfoot>

              • <bdo id='AlmsV'></bdo><ul id='AlmsV'></ul>
                <legend id='AlmsV'><style id='AlmsV'><dir id='AlmsV'><q id='AlmsV'></q></dir></style></legend>

              • <i id='AlmsV'><tr id='AlmsV'><dt id='AlmsV'><q id='AlmsV'><span id='AlmsV'><b id='AlmsV'><form id='AlmsV'><ins id='AlmsV'></ins><ul id='AlmsV'></ul><sub id='AlmsV'></sub></form><legend id='AlmsV'></legend><bdo id='AlmsV'><pre id='AlmsV'><center id='AlmsV'></center></pre></bdo></b><th id='AlmsV'></th></span></q></dt></tr></i><div id='AlmsV'><tfoot id='AlmsV'></tfoot><dl id='AlmsV'><fieldset id='AlmsV'></fieldset></dl></div>

                <small id='AlmsV'></small><noframes id='AlmsV'>

                  <tbody id='AlmsV'></tbody>
                • 下面是详细讲解“WEB标准之CSS 打造自己的reset.css”的完整攻略:

                  什么是reset.css

                  reset.css是一种技术,它的作用是将所有HTML标签的样式都重置为浏览器默认的样式,避免不同浏览器之间对同一HTML标签样式的差异。

                  为什么需要reset.css

                  不同的浏览器对同一HTML标签的默认样式可能不同,例如IE与Chrome对于h1标签的默认样式就存在区别。当我们编写网页的时候,如果不进行reset,会导致页面在不同浏览器中显示不一致。因此,我们需要重置页面中所有HTML标签的默认样式,以便于我们更好地样式化页面元素。

                  如何编写reset.css

                  下面是自己实现reset.css的步骤:

                  1. 新建一个reset.css文件,并将文件连接到HTML页面中。
                  <link rel="stylesheet" href="reset.css">
                  
                  1. 重置所有HTML标签的默认样式。
                  /* reset.css */
                  html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
                  /* 去除链接的下划线 */
                  a{text-decoration:none;}
                  
                  1. 完成后保存reset.css文件并连接到HTML页面中。
                  <link rel="stylesheet" href="reset.css">
                  

                  示例说明

                  示例1:设置所有HTML标签的默认样式

                  在示例中,我们对所有HTML标签的默认样式进行了重置,以保证页面元素在不同浏览器中的样式显示更加统一。

                  /* reset.css */
                  html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
                  

                  示例2:去除链接的下划线

                  在示例中,我们去除了链接的下划线,使得页面中的链接更加美观。

                  /* reset.css */
                  a{text-decoration:none;}
                  

                  总结

                  上文介绍了如何通过编写reset.css来重置HTML标签的默认样式,使得页面在不同浏览器中的样式显示更加统一。为了达到更好的效果,我们应该仔细研究不同浏览器中的默认样式,针对性编写reset.css。

                  上一篇:使你的网站快速跑起来 下一篇:CSS去除移动端点击时元素产生的背景色 (推荐)

                  相关文章

                • <i id='DvA6I'><tr id='DvA6I'><dt id='DvA6I'><q id='DvA6I'><span id='DvA6I'><b id='DvA6I'><form id='DvA6I'><ins id='DvA6I'></ins><ul id='DvA6I'></ul><sub id='DvA6I'></sub></form><legend id='DvA6I'></legend><bdo id='DvA6I'><pre id='DvA6I'><center id='DvA6I'></center></pre></bdo></b><th id='DvA6I'></th></span></q></dt></tr></i><div id='DvA6I'><tfoot id='DvA6I'></tfoot><dl id='DvA6I'><fieldset id='DvA6I'></fieldset></dl></div>
                  <legend id='DvA6I'><style id='DvA6I'><dir id='DvA6I'><q id='DvA6I'></q></dir></style></legend>

                      <small id='DvA6I'></small><noframes id='DvA6I'>

                      <tfoot id='DvA6I'></tfoot>
                        <bdo id='DvA6I'></bdo><ul id='DvA6I'></ul>