`

CSS初始化代码

阅读更多
为什么要初始化CSS?
CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容时更加方便简洁,同时减少CSS代码量,节约网页下载时间。
CSS初始化示例代码
/* css reset www. */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
上面是使用的CSS重置代码,这段代码是我比较喜欢用的一种方式,虽然还不够完美但是常用的几乎已经都包括了。
各主流浏览器下的默认css样式:ie6  |  ie7  |  ie8  |  ie9  | Firefox 3.6.3  |  Webkit (r57042)  |  Opera 10.51
 
下面顺便给出 的html模板,用于每次新开发页面使用。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">
<head>
  <title>网站标题 - Admin10000.com </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="zh-CN" /><meta name="Author" content="网页作者" /> <meta name="Copyright" content="网站版权" /> <meta name="keywords" content="网站关键字" /><meta name="description" content="网站描述" /><link rel="Shortcut Icon" href="网站.ico图标路径" /><link type="text/css" rel="stylesheet" href="CSS文件路径" /><script type="text/javascript" src="JS文件路径"></script>
</head>
<body>
</body>
</html>

 

分享到:
评论

相关推荐

    css初始化代码 方便大家

    这就是“CSS初始化代码”的核心概念,旨在消除这些差异,确保网页在不同浏览器上的一致性。标题中的"css初始化代码"指的是用于设定浏览器默认样式的一段通用CSS代码,以统一各个浏览器对元素样式的解释。 描述中...

    css初始化代码 ,方便大家使用

    css初始化代码 还是不错 能方便大家 ,很不错的

    初始化CSS文件

    初始化样式文件,天哪,竟然要50字,CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新...

    css样式初始化文件

    css的初始化文件,github上面开源的,故各位“看官”可以自由下载, 有积分的可以下载,没有的https://blog.csdn.net/weixin_42034412/article/details/88533072文章中找github地址,麻烦给个赞哦

    css样式初始化.zip

    在网页设计领域,CSS(Cascading ...在进行CSS初始化时,要考虑到项目的具体需求,以及与现代前端框架(如Bootstrap、Tailwind CSS等)的兼容性。同时,合理地组织和模块化CSS代码,有助于提高代码的可维护性和可读性。

    常用的初始化页面.css

    我们在搭建网页的时候,有一些css样式是每次都需要使用的,为了避免代码的冗余,常用的初始化页面.css里面整理了我们比较常用的一些样式。其中包含单行省略、多行省略、万能清除法等

    css初始化html页面

    假如我们不初始化CSS样式属性,将会增大CSS代码量,为我们节约网页代码,节约网页下载时间;还会使得我们开发网页内容时更加方便简洁,不用考虑很多。如果不初始化CSS我们在开发比较复杂的网页时候就不会知道自己...

    Css样式初始化

    Css样式,通用的html代码css 样式初始化

    HTML+CSS初始化万能模板

    "HTML+CSS初始化万能模板"就是这样一个工具,它提供了基本的HTML结构和预设的CSS样式,以方便开发者快速启动新项目。 HTML部分通常包括以下元素: 1. `&lt;!DOCTYPE&gt;`声明:定义文档类型,如`&lt;!DOCTYPE html&gt;`表示遵循...

    初始化CSS的方法

    为什么要初始化CSS? CSS初始化是指重设浏览器的样式。...CSS初始化示例代码 CSS Code复制内容到剪贴板 /* css reset www.admin10000.com */  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h

    京东-normalize.css

    制作京东网页是需要用到的代码包,一些写好的通用代码。

    HTML5和CSS3最全的代码初始化

    相信留着这些前端代码的初始化能帮助更多的前端开发人

    CSS3 初始化的思路

    在IT行业中,CSS3是网页设计与开发的重要组成部分,它为网页样式提供了更丰富的功能和更强的表现力。本文将深入探讨“CSS3初始化...开发者应根据项目特点和需求,灵活运用初始化策略,打造出高效且兼容性强的CSS3代码。

    CSS淘宝模板原代码

    淘宝CSS模板设计代码 主要是为了方便开网店的卖家装修的模板,里面的基本是包括全部的布局,希望大家踊跃下载哦~~

    vant+vue初始化移动端项目,border样式重置:border.css

    vant+vue初始化移动端项目,border样式重置:border.css

    normalize.css

    移动端css初始化代码,官网地址: http://necolas.github.io/normalize.css/

    前端手册及部分组件.zip

    压缩包中的CSS初始化代码是为了消除浏览器默认样式差异,确保跨浏览器的一致性。开发者通常会使用预处理器(如Sass或Less)结合初始化样式来构建项目。而jQuery.js是jQuery库的核心文件,包括了所有jQuery功能,将其...

    CSS压缩与CSS代码压缩还原 CSS压缩工具使用 终极版.docx

    4. CSS初始化:消除浏览器默认样式,使样式更统一。 三、CSS压缩工具 Dreamweaver(DW)是一个常用的CSS压缩工具,它内置了查找与替换功能,可以方便地对CSS代码进行压缩。除此之外,还有许多在线工具和自动化构建...

    MATLAB 初始化数组示例.md

    本文介绍了一个使用MATLAB初始化数组的示例,示例包括以下内容: 如何初始化行向量和列向量; 如何初始化二维矩阵; 如何初始化全零矩阵和全一矩阵; 如何初始化随机矩阵。 通过学习本文,您将掌握以下知识和技能:...

    品牌列表案例初始模板代码

    总的来说,这个"品牌列表案例初始模板代码"涵盖了Vue.js的基础知识,包括Vue实例、模板语法、数据绑定、组件化开发、响应式数据、HTTP请求以及可能的路由管理。通过学习和理解这个案例,开发者可以进一步提升对Vue....

Global site tag (gtag.js) - Google Analytics