2009 2009年 07月 28日

CSS2.1的用户代理样式表默认

昨天,在谷歌浏览器的CSS重置遇到的问题,我......我想挖成用户代理样式表领域的深一点......
发现CSS2.1的用户代理样式表(对于那些不知道什么是“用户代理样式表”按照默认值表什么是用户代理样式表(规范)

对于CSS 2.1的用户代理样式表默认的完整列表, 请点击这里


2009 2009年 07月 27日

用户代理样式表:在谷歌浏览器的神秘空间

昨天,像所有其他的“土拨鼠日”,我是工作在一些CSS /无表格布局。 所有在IE 7,FF 3和Chrome,直到突然,我看到一些联合国忽略利润率仅在谷歌Chrome。 虽然很奇怪,武侠,这是一些新的bug /问题我来到accross,终于有一些我的平凡工作中的香料。 悲伤(但很好)有固定探头几分钟内...

基本上,它看起来像谷歌Chrome忽略我的CSS复位(利用margin:0px)。 它实际上是由于用户代理样式表(-webkit的填充启动:40px)。 因此,解决办法是复位设置填充样式:0,行为不端的元素。
发生的任何元素,以防止这个问题的一个好方法是使用如下一个全球性的CSS休息

* {保证金:0;填充:0;}

什么是用户代理样式表(规格)?
以下摘录取自http://meiert.com/en/blog/20070922/user-agent-style-sheets/ ,后续环节,读取用户代理样式表的更多信息

的CSS介绍说,每个用户代理(UA,往往是一个'网页浏览器“或”Web客户端“)将有一个默认的样式表,提出在一个合理的文件的想法 - 但可以说是平凡 - 方式。 CSS 2的表示,符合用户代理必须申请1默认样式表的行为好像他们做的和,1用户代理的默认样式表应该呈现方式,满足文档语言的一般介绍期望文档语言的元素;的CSS三是可能是相同的想法。

由于CSS规范离开它是否使用默认显示一个“真实”的样式表或不实现,它不令人吃惊的是,你不觉得在每一个浏览器的安装文件夹的默认样式表。 微软的Internet Explorer以及歌剧不同,例如(据我所知),Gecko的浏览器如Firefox和Netscape Navigator的(看“html.css”),但也Konqueror的,而简单地理解他们的默认样式。


2008 03月 11日 二零零八年

什么是CSS的重置?

一个CSS复位/ CSS来设置元素样式到一个特定的基线,创建跨各种浏览器的一致性。

我们都已经通过编写跨浏览器的CSS的恶梦。 所以,当我们开始编写我们的CSS,这是一个实践重置它首先删除/重设任何跨浏览器不一致性。 CSS的复位,是简单的几行的CSS,你开始你的CSS,给你一个干净的基地开始建设让你的。

我通常倾向于使用的CSS重置看起来像这样

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

OL,UL {
列表样式:无;
}

H1,H2,H3,H4,H5,H6 {
字体大小:100%;
字体重量:正常;
}


重置浏览器的字体大小
还注意到,已被应用到浏览器中的下面一行字体大小复位...

html {font-size: 76%;}

上述的CSS重置浏览器的字体大小为10像素,这使得它可以使用相对字体大小(这是每一个围合规的重要何卫青)
例如,在下面的定义,跨度字体大小设置为10像素,在paragarph被设置为14像素...

span {font-size: 1em;}
p {font-size: 1.4em;}


NDK的家 | 表达它 表示唇腭裂 表示Penmenship 表示敬畏 表达自己