PC端重置

最新推荐文章于 2024-04-10 22:01:28 发布

weixin_33701294

最新推荐文章于 2024-04-10 22:01:28 发布

阅读量78

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wang715100018066/p/6007213.html

本文详细介绍了HTML文档的基础结构及CSS全局样式设置方法，包括文档类型声明、语言属性、字符集设定等内容，并针对不同浏览器提供了兼容性解决方案。此外，还讲解了如何清除浏览器默认样式及常见元素的样式重置技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

-PC

一，meta　　

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">

<!--设置 360 浏览器渲染模式：webkit 为极速内核，ie-comp 为 IE 兼容内核，ie-stand 为 IE 标准内核。 -->
    <meta name="renderer" content="webkit">
<!--360 浏览器就会在读取到这个标签后，立即切换对应的极速核。 另外为了保险起见再加入 -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

<!--Google Chrome浏览器 -->
<!--关闭chrome浏览器下翻译插件； -->
　　<meta name="google" value="notranslate" />

<!-- Internet Explorer浏览器 -->
<!--IE8以下以IE7标准模式呈现网页，而IE9则以IE9的标准模式呈现网页： -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">

<title>Title</title>
</head>
<body>

</body>
</html>

*{ margin:0; padding:0;}

body{ font-size:14px; font-family:微软雅黑;font-style:normal;}

a{ text-decoration:none}

a,a:hover{ transition:background 0.5s linear;-webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;-o-transition:background 0.5s linear;}

em, i{font-style: normal;}

ul, ol, li{list-style: none;}

img{ border:none;vertical-align:middle;}

input,select,textarea{outline:none;border:none;background:none;}

input[type="checkbox"]{vertical-align:middle; margin-top:0;}

textarea{resize:none;}

p{line-height:22px;}

.fl{float: left;}

.fr{float: right;}

.clear{ clear:both; height:0px; width:100%; overflow:hidden;}

.position{position:relative;}

/*公共样式*/

.layout{ width:1100px; display:table; margin:0 auto;}

/*头部*/

/*导航*/

/*banner*/

/*内容*/

/*底部*/

<!DOCTYPE html>  
<html lang="en">  
  <head>
    <!-- Metadata and such -->
  </head>

  <body>
    <!-- Where the content begins -->
  <body>
</html>