在ie7测试版的时候,important曾被ie7识别,但是正式版的时候,又不识别了,这样就可以继续用!important来区分ie和firefox。但是,现在我发现,ie7好像又识别important了,这样就不能用它来区别ie和firefox了。这样就需要用*html 区分ie6 *+html 区分ie7,感觉这样用更好些,因为可以不用去管important是否再别识别。
但是又一点,我使用中发现的 *html .xxx,*+html .xxx不能用这样的继承方式来写。这样的话会在ie6下失效。
最近在写大型网站的页面,一切进行的都很顺利,但是当css的文件大小越来越大,达到66k的时候,第一次优化应该开始了。当然前提是在开始前就应该有详细的编写方法,这个时候就应该考虑到优化。这里我想用一个“抽”字来形容如何合并样式,如何抽,怎么抽就是一个很大的问题,抽多了不行,抽少了代码的体积又越来越庞大,而且要抽到后期团队修改的时候要方便其他人修改,这就是一个很大的问题,现在我有三个选择,(也许我总结的方法可能不是正确的,希望知道的人可以给我指点。)一.是在样式表里用继承的方式合并可以合并样式,这样的好处是样式表的体积会最到很小,但是可能后期修改的时候可能让别人理解上有困难,二.采用合并名字的方式合并相似的模块样式,但是样式表上会有很多的class类名称和一堆逗号,修改的时候可能会容易犯错,实际上后期修改的操作应用性还不得知。三.我估计就是不考虑样式大小,写清楚每一个模块的样式,代码量会很大,但是后期别人修改的话会相对容易一些。
抽啊抽啊,现在的问题就是不能预知以后修改的时候到底会遇到什么的问题,也许我现在考虑的问题方向是错误的,也这些问题可能还不是问题,所以,抽吧~!记录下相应的文字,当发现问题的时候,能第一时间修改这些问题,其实就OK了~!
想抽就抽,要抽的漂亮~~!
今天下午的时候,听见“火日立”说关于一个高度自适应的说法:在样式表中定义html和body标签的都为height:100%,这样在页面中写入div的时候样式写为height:100%,这个div就能自适应高度100%了。其实高度自适应的原理是继承父级的高度,只要父级高度height:100%,子级就能自适应了。ie在默认的情况下,html高度默认是100%,但body缺不是;而火狐的html高度默认也不是100%,所以这就是为什么定义html和body标签的都为height:100%。但是我不知道为什么html标签要定义height:100%。希望能有高手给我解释一下。smoke520
用时一周,读完了《Css the missing manua》这本书,中文命为《css实战手册》,本书讲解了CSS的基础知识,又分享了很多实践的心得。运用大量的例子剖析css、应用css, 讲述经常要用到但让人迷糊的CSS页面布局方法,最后还提出一些CSS”习惯”,遵循这些”习惯”能够更好地创建和组织CSS。
过多恭维的我就不多说了,因为对css的喜爱有一段时间了,所以一些基础的内容对我来说就算是巩固了。但是我觉得这本书对想学习css的入门者来说,是一本很不错的好书,是我目前发现的讲解最详细,最容易叫人掌握的书,这么说呢,作为一本入门的书,这绝对是一本好的课本。如果我刚学的时候,要是能有一本这样的书,那就完美了。唯一的遗憾就是高级技巧和实战高级经验能再多点就跟完美了。
下面说说我的心得吧:
1. 书写格式 这是个没有正确答案的问题,以为换行书写和不换行书写都各有各的好处,也许是我看他书里排版的原因吧,我感觉换行书写如果在代码行数过几百的情况下,好像能看的更加清晰点,但是不换行书写在能统一书写属性顺序的情况下也是不错的选择。等我最近尝试下俩种方法后在作决定吧。
2.类前加写应用html标签 比如div#Content或者span.TextBtn,这样的书写方式能方便日后对定义的这些id和class能够清晰的早到他们用在了那个标签下,是个不错的小技巧。用在大量的编码中,会看到它更大的用处。
3. 一个小技巧,当定义border的时候,如果有只有一个或是俩个边是没有的,这样的定义:border:1px solid #000; border-top, border-left:0;这样定义方法看起来又省代码,有清晰,是个可取的方法,border3个属性的顺序虽然没要求,但是在团队编写的时候,统一方法还是有必要的。
4. first-letter、first-line 这俩个属性的方法在定义新闻最终页面的时候,可以应用在 P 上,可以作出不错的效果,怎么使用,看看属性手册吧,我就不熬述了。
5. ie7和ie6的bug应用hack的优先级 个人推荐再ie7下编写网页,然后应用hack去坚固ie6,这样当ie6推出舞台那天,我们只要删掉这些钩子,样式表就干净了,毕竟ie7是会淘汰ie6的,所以,更早的适应新浏览器,是个更好的决定。(具体的hack方法,在看书的时候找吧,都说了,就没意思了,如果有需要,咱可以单独提供,但是估计你也会呵呵,其实hack不少呢。)
6. position的页面布局,书中讲到了position布局页面的方法,其实是个不错的主意,毕竟换了一种思路了啊,可以在一些简单的宣传页面采用,而且这样写不会出现恶心的bug,因为没有浮动吗,但是唯一的缺点就是最中间的高度要高于俩侧,这是的恶心的问题,具体的方法自己去12章找吧。
7.*html ul.nav a{height:1px}这个ie6下扩大可点击区域的bug。可以在P219下看见详细用法。
8.利用position的z-index属性和一些图片,可以作出一些不错的徽章效果,实例如何,就去书中找吧。
9.关于打印样式的样式表 最终的决定还是单独写一个样式表为宜,再编写的时候考虑的话会更添加麻烦的。(其实用户打印的一般是最终页面,所以打印的话,html的标签正确使用是至关重要的,图片只要包含logo就可以,多的话会让用户打印的时候讨厌。)
10. 最后 里面提供的样表属性查询不错,是身边的一个好工具,呵呵。
好了,本书我的体验就是这些了,书中要是能有一些更新奇的用法出现和多讲一些hack就好了,但是这个作者在写书的时候可能没用篇幅来写,所以只能期待更好的书出现,但是看了这本书并不遗憾,因为毕竟有收获啊。不同的人看,也许会有别的更好的体会,所以,大家都来读吧,然后交换体验。