李晓亮的博客

导航

文章分类 -  CSS基础

[转]javascript跨浏览器操作stylesheet
摘要:使用javascript直接操作stylesheet目前应用并不多;替代的做法是加载静态样式表,然后动态修改元素的className属性。在这里出于学习的目的,摘录出来。 2级DOM定义了标准的API来查询、操作和遍历样式表本身,目前现代浏览器有firfox支持该API;同时IE也定义了自己的API来查询、操作和遍历样式表,关于查询、操作和遍历样式表的细节请参阅《javascript权威指南第五版》16.6.2章节。下面的代码在firefox,IE和Opera下均可以正常运行。 <script type="text/javascript"> function S 阅读全文

posted @ 2011-03-04 01:07 LeeXiaoLiang 阅读(129) 评论(0) 推荐(0)

[转]CSS选择器
摘要:View Code CSS选择器如果要让这些样式对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,HTML页面中的元素就是通过CSS选择器进行控制的。CSS选择器共有三种:标签选择器、ID选择器、类选择器。为了后面的对选择器的解释更容易理解,在这里先打个比喻,如果把你所处的环境视为HTML页面的话,环境里的每一个人则相当于HTML页面内标签元素,每个人都有一个ID(身份证),那么html中的每一个标签也都有自己的ID,大家都知道ID是唯一的,不可能重复。【标签选择器】一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样 阅读全文

posted @ 2011-03-03 19:17 LeeXiaoLiang

常用的CSS小知识
摘要:1.控制显示宽度的CSS属性TABLE-LAYOUT:fixed;word-wrap:break-word;word-break;break-all;overflow-y:hidden;2.图片IMG垂直居中align=absmiddle属性通不过W3C网页标准验证,可以在CSS中加入vertical-align:middle;来代替备注:filter:fliph水平方向图形翻转滤镜 align:absmiddle垂直方向居中对齐,目前多用较规范的vertical-align:middle 示例1 <imgsrc=""style="filter:fliph; 阅读全文

posted @ 2010-12-04 17:08 LeeXiaoLiang 阅读(123) 评论(0) 推荐(0)