`

初始化CSS样式

    博客分类:
  • css
 
阅读更多
    CSS Reset
    因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。把浏览器提供的默认样式覆盖掉就是CSS reset,统一定义保证了不同浏览器能产生相同的显示效果。

    当然,初始化样式会对SEO(Search Engine Optimization搜索引擎优化)有一定的影响,但鱼和熊掌不可兼得,力求影响最小的情况下初始化。

淘宝的样式初始化:http://g.tbcdn.cn/??tb/global/3.3.35/global-min.css?t=20150105
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ol,ul{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:underline}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}


YUI的样式初始化:
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;}
address,caption,cite,code,dfn,em,strong,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;}
分享到:
评论

相关推荐

    csshtml 标初始化CSS样式(初学者必看)

    初始化CSS样式 简单版

    CSS样式初始化commonInitialize.css

    CSS样式初始化是开发过程中一个重要的步骤,它旨在消除浏览器之间的默认样式差异,确保网页在不同浏览器上的一致性表现。"commonInitialize.css"就是这样一个专门用于全局CSS样式初始化的文件。 首先,我们来理解...

    css样式初始化.zip

    "css样式初始化.zip"这个压缩包文件很可能包含了一组用于初始化CSS样式的代码,帮助开发者快速建立一个干净、一致的样式起点。初始化CSS样式的主要目的是消除浏览器之间的默认样式差异,确保在不同浏览器上呈现一致...

    初始化CSS文件

    初始化样式文件,天哪,竟然要50字,...每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容时更加方便简洁,同时减少CSS代码量,节约网页下载时间。

    css初始化html页面

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

    初始化样式文件normalize.css

    web前端开发必备资料,项目初始化css,normalize.css,用来统一各个浏览器之间的样式。

    Css样式初始化

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

    移动端css全局样式初始化

    移动端css全局样式初始化

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

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

    移动端初始化css

    常用移动端公共css

    初始化CSS的方法

    每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容时更加方便简洁,同时减少CSS代码量,节约网页下载时间。CSS初始化示例代码 CSS Code复制内容...

    css样式初始化文件

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

    CSS 初始化样式

    在网页设计中,CSS(Cascading Style Sheets)初始化样式是一个重要的步骤,它涉及到清除浏览器默认样式、确保页面在不同浏览器间的一致性以及提供一个干净的起点来构建你的设计。CSS初始化样式通常是一个全局CSS...

    Reset_CSS css样式重置文件

    CSS Reset即是对浏览器的默认CSS规则进行初始化,保证不同浏览器下CSS的一致性。CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为...

    CSS初始化文件

    CSS样式初始化文件,写于样式语句之前,解决一些兼容小问题

    css初始化代码 方便大家

    标题中的"css初始化代码"指的是用于设定浏览器默认样式的一段通用CSS代码,以统一各个浏览器对元素样式的解释。 描述中提到"综合了好几个版本的初始化版本 目前用着还不错",这意味着这个代码集可能是开发者经过多...

    网站开发之CSS初始化文件

    常用的css样式初始化设置

    CSS3 初始化的思路

    初始化CSS3的主要目标就是消除这些差异,确保网页在所有主流浏览器中具有统一的初始表现。 初始化CSS3的思路通常包括以下几个步骤: 1. **重置样式**:首先,我们可能需要使用像 Eric Meyer Reset 或 Normalize....

    HTML+CSS初始化万能模板

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

    基础css样式,设置了大量特殊的html标签的初始化样式,用起来很舒服

    基础css样式,设置了大量特殊的html标签的初始化样式,用起来很舒服

Global site tag (gtag.js) - Google Analytics