CSS
亮了的blog
喜欢学习各种新兴技术,并努力用于实践
展开
-
解决超链接访问后hover样式不出现的问题
原因:a:visited和a:hover的顺序放错了a标签的四种状态排序原则:love hate原则---l(Link) ov(visited)e h(hover)a(active)te原创 2013-01-09 16:06:16 · 3531 阅读 · 0 评论 -
CSS sprite技术
CSS sprite技术将网站的背景图片合到一张大图片上。图片加载时是会发出http请求的,一张图片需要一条http请求,如果一个页面需要加载多张图片,那么它会相应发出多条http请求,http请求次数越多,访问服务器的次数就越多,服务器的压力就越大。将多张图片合并成一张大图,会大减少网页的http请求数,减小服务器的压力。注意点:1)CSS sprite能合并的只能是用于背景的图片,对于原创 2013-01-09 15:09:09 · 1189 阅读 · 0 评论 -
CSS选择符权重
CSS的选择符是有权重的,当不同选择符的样式设置有冲突时,会采用权重高的选择符设置样式。权重的规则:HTML标签的权重是1;例如p的权重是1,"div em"的权重是1+1=2,class的权重是10; 例如"strong.demo"的权重是10+1=11id的权重是100;例如"#test.red"的权重是100+10=110在使用CSS样式时,如果CSS选择符权重相同,样式原创 2013-01-09 14:53:02 · 917 阅读 · 0 评论 -
CSS hack技术简介
1.IE条件注释法: CSS文件test.css就只加载到IE浏览器了,对于非IE浏览器就会忽略这一点 针对特定版本的浏览器加载CSS文件针对某个范围内版本的IE进行hack,可以结合lte(小于等于),lt(小于),gte(大于等于),gt(大于),!(不等于)等关键字来进行注释示例:只对IE6以上版本生效 只在IE7上不生效原创 2013-01-09 16:01:29 · 778 阅读 · 0 评论 -
web前端开发修炼之道读书笔记
1.hasLayout问题简析hasLayout是IE浏览器专有的一个属性,用于CSS的解析引擎。有时在IE下一些复杂的CSS设置解析起来会出现一些bug,其原因可能与hasLayout没有被自动触发有关,解决方法可以通过一些技巧,手动触发hasLayout属性可以解决一些bug.hasLayout的触发方法有很多种,例如设置width,height值,设置position为relat原创 2013-01-09 17:11:31 · 816 阅读 · 0 评论 -
CSS中的clear属性
首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。 注意,以上这些理论,是指标准流中的div。 小菜认为,无论多么复杂的布局,其基本出发点转载 2014-04-14 08:45:54 · 16494 阅读 · 14 评论