好程序员web前端分享css初始化代码

ゝ一纸荒年。 2022-01-11 14:21 403阅读 0赞

**好程序员**web前端分享css初始化代码，CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同，

所以开发时的第一件事可能就是如何把它们统一。

如果没对CSS初始化往往会出现浏览器之间的页面差异。

每次新开发网站或新网页时候通过初始化CSS样式的属性，

为我们将用到的CSS或html标签更加方便准确，

使得我们开发网页内容时更加方便简洁，

同时减少css代码量，节约网页下载时间。

/\*css reset code \*/

/\*\*\*\* 文字大小初始化,使1em=10px \*\*\*\*\*/

body \{

font-size:62.5%;

\} /\* for IE/Win \*/

html>body \{

font-size:10px;

\} /\* for everything else \*/

/\*字体边框等初始化\*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td \{

padding: 0;

margin: 0;

\}

table \{

border-collapse: collapse;

border-spacing: 0;

\}

fieldset,img \{

border: 0;

\}

img \{

display:block;

\}

address,caption,cite,code,dfn,th,var \{

font-weight: normal;

font-style: normal;

\}

ol,ul \{

list-style: none;

\}

caption,th \{

text-align: left;

\}

h1,h2,h3,h4,h5,h6 \{

font-weight: normal;

font-size: 100%;

\}

q:before,q:after \{

content:'';

\}

abbr,acronym \{ border: 0;

\}

a \{

text-decoration:none;

\}

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select\{margin:0;padding:0\}

body\{font:12px"宋体","Arial Narrow",HELVETICA;background:\#fff;-webkit-text-size-adjust:100%;\}

a\{color:\#2d374b;text-decoration:none\}

a:hover\{color:\#cd0200;text-decoration:underline\}

em\{font-style:normal\}

li\{list-style:none\}

img\{border:0;vertical-align:middle\}

table\{border-collapse:collapse;border-spacing:0\}

p\{word-wrap:break-word\}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div\{margin:0;padding:0;border:0;\}

body\{background:\#fff;color:\#333;font-size:12px; margin-top:5px;font-family:"SimSun","宋体","Arial Narrow";\}

ul,ol\{list-style-type:none;\}

select,input,img,select\{vertical-align:middle;\}

a\{text-decoration:none;\}

a:link\{color:\#009;\}

a:visited\{color:\#800080;\}

a:hover,a:active,a:focus\{color:\#c00;text-decoration:underline;\}

转载于:https://blog.51cto.com/14249543/2380928

发表评论取消回复

表情：

评论列表（有 0 条评论，403人围观）

还没有评论，来说两句吧...

相关阅读

相关好程序员web前端分享JavaScript学习指南

　　JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本

秒速五厘米/ 2022年04月24日 14:18/ 0 赞/ 310 阅读

相关好程序员Web前端分享前端CSS篇

　　今天好程序员跟大家分享的文章是CSS篇。Web前端技术由html、css和javascript三大部分构成，而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习

布满荆棘的人生/ 2022年02月14日 16:53/ 0 赞/ 398 阅读

相关好程序员web前端分享javascript枚举算法

好程序员web前端分享javascript枚举算法，题目：在1，2，3，4，5 五个数中，我们随机选取 3个数。问有多少种取法？并且把每种取出数的方法列举出来。乍看这道题，

淩亂°似流年/ 2022年02月14日 12:12/ 0 赞/ 330 阅读

相关好程序员web前端分享CSS属性组成及作用

CSS属性组成及作用学习目标 1、css属性和属性值的定义 2、css文本属性 3、css列表属性 4、css背景属性 5、css边

缺乏、安全感/ 2022年01月20日 13:57/ 0 赞/ 263 阅读

相关好程序员web前端教程之CSS3渐变

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] 好程序员web前端教程之CSS3渐变，CSS3渐变（gradient）可以让你在两个或多

深碍√TFBOYSˉ_/ 2022年01月15日 07:37/ 0 赞/ 320 阅读

相关好程序员web前端技术分享css盒模型

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] web前端技术分享css盒模型学习目标 1、认识盒子模型 2、盒子模

深碍√TFBOYSˉ_/ 2022年01月15日 07:37/ 0 赞/ 342 阅读

相关好程序员web前端分享CSS属性组成及作用

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] 好程序员web前端分享CSS属性组成及作用学习目标 1、css属性

怼烎@/ 2022年01月15日 07:37/ 0 赞/ 247 阅读

相关好程序员web前端教程分享Date对象

好程序员web前端教程分享Date对象，什么是Date对象一个内置对象Date：类型使用自 UTC（Coordinated Universal Time，国际协调时间）19

忘是亡心i/ 2022年01月12日 04:27/ 0 赞/ 304 阅读

相关好程序员web前端技术之CSS3过渡

好程序员web前端技术之CSS3过渡，css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触

本是古典何须时尚/ 2022年01月11日 14:21/ 0 赞/ 295 阅读

相关好程序员web前端分享css初始化代码

　好程序员web前端分享css初始化代码，CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同，所以开发时的第一件事可能就是如何把它们统一。

ゝ一纸荒年。/ 2022年01月11日 14:21/ 0 赞/ 404 阅读