css
文章平均质量分 74
xiaobai251206725
这个作者很懒,什么都没留下…
展开
-
CSS选择符及优先级计算
<br />行内样式(Inline Style),如<span style="color:red">...</span>;<br />ID选择符(ID selectors),如#myid;<br />类、属性选择符、伪类(Classes, attributes and pseudo-classes),如 .class {...}、[href$=dudo.org]、:hover;<br />类型(elements)、伪类型选择符(pseudo-elements),如 p {...}、:first-转载 2010-09-17 23:10:00 · 507 阅读 · 0 评论 -
外部引用CSS中 link与@import的区别
<br />本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。<br />差别1:老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。<br />link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。<br />差别2:加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下转载 2010-09-17 23:12:00 · 350 阅读 · 0 评论 -
HTML中样式分哪几种?CSS样式定义有哪些?
<br />在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种<br /><br />1。行内式<br /> 即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。<br />2。嵌入式<br /> 在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便<br />3。导入式<br /> 导入式格式如下:<br /> <style ty转载 2010-09-17 23:10:00 · 5881 阅读 · 0 评论 -
CSS Bug Table
<br />作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列 /Chrome/Safari/Opera etc.这些浏览器的兼容,无不让前端们头痛。而在这之中,最让人头痛的当数IE,特别是IE6。搞定了IE6,基本也就能称霸半个江山了。搞定了IE,也相当于占领了70原创 2010-09-17 23:23:00 · 379 阅读 · 0 评论 -
css的效率是怎么样的呢,浏览器渲染的速度又如何呢(css,html渲染效率)
我承认我并不经常想这个问题......我们写的css的效率是怎么样的呢,浏览器渲染的速度又如何呢?这是应该是浏览器开发者应该关心的(页面加载更快,用户就会更愉快)。Mozilla有一篇文章: about best practices . Google 当然也很关心这个问题,他们也有这样一篇文章:Optimize browser rendering 。让我们了解下他们主要倡导的东东,然后讨论他们的实用性。从右到左浏览器如何读取你的CSS选择器有一个很重要的原则,那就是它们从右到左读取。这意转载 2010-10-06 17:22:00 · 1214 阅读 · 0 评论 -
offsetWidth clientWidth scrollWidth scrollTop scrollLeft等属性的细微区别
<br /><br />通过对IE DevToolbar和Firebug的观察,画出了这两幅图,以区别offsetWidth clientWidth scrollWidth scrollTop scrollLeft等属性的细微差别,希望对各位写js有所帮助!<br />第一幅图中oEvent是一个时间发生时的一个参数对象,在IE和FF中的获得方法就不用多说了吧。整个大背景是这个网页的全部尺寸,中间的小框才是浏览器中的可见尺寸。 这幅图就是针对为文档(document)的各个height、width、top、转载 2010-12-01 15:41:00 · 436 阅读 · 0 评论