HTML+CSS PC端手机端公用部分样式代码整理

最新推荐文章于 2023-12-01 18:56:20 发布

我叫鱼小白

最新推荐文章于 2023-12-01 18:56:20 发布

阅读量6.6k

点赞数

分类专栏：常用代码摘录

本文链接：https://blog.csdn.net/mr_eason/article/details/52127308

版权

本文整理了HTML和CSS在PC端及手机端的常用公用样式代码，包括CSS的基础样式设置和手机APP中常见的样式片段。

摘要由CSDN通过智能技术生成

1、css常用公用部分样式代码整理:

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;}
ul, ol{list-style: none;}
a{color: black;text-decoration: none;}
a:hover {text-decoration: underline;}
html{font-size: 10px;font-family: "Microsoft YaHei",Arial;}

/*

任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。