lovablebox

学点东西...

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  CSS

样式表学习
摘要:随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达... 阅读全文
posted @ 2014-12-02 14:43 lovablebox 阅读(340) 评论(0) 推荐(0)

摘要:Image 1 阅读全文
posted @ 2008-02-22 17:09 lovablebox 阅读(2630) 评论(1) 推荐(0)

摘要:570)this.width=570" align=center border=0> 插入代码: ihandudUcky的私生活 用这个方法可以作出很多样式的Tooltips,这个方法在ie以及firefox下都可以使用. 阅读全文
posted @ 2008-02-22 16:59 lovablebox 阅读(301) 评论(0) 推荐(0)

摘要:常看见国外的一些css的下拉菜单的源码,因为IE7.0以下版本大多数标签不支持:hover的样式,所以比较多的使用条件注释。什么是浏览器的条件注释呢? 插入代码: 您正在使用IE浏览器 上面的代码就是条件注释,条件注释是在IE5.0/Win以后才被IE支持的,一般用于hack,如果你用的是IE浏览器,你就可以在页面里看到“您正在使用IE浏览器”,如果是IE以外的浏览器,就看不到这句话。... 阅读全文
posted @ 2008-02-22 15:06 lovablebox 阅读(389) 评论(0) 推荐(0)

摘要:1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位; 3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字... 阅读全文
posted @ 2008-02-22 14:43 lovablebox 阅读(678) 评论(0) 推荐(0)

摘要:570)this.width=570" align=center border=0> 要达到以上的效果,我们可以在一个区域里用背景图片去做,其实在xhtml里有这样的标签可以去用。 插入代码: 域(Defines a fieldset) 域标题(Defines a title in a fieldset) 但是为了保证兼容性,实际操作起来并不是那么简单。页面代码: 插入代码: ... 阅读全文
posted @ 2008-02-22 14:24 lovablebox 阅读(1251) 评论(0) 推荐(0)

摘要:前提是固定宽高的div,这样比较简单,不涉及到JS 插入代码: div{ position:absolute; top:50%; left:50%; width:400px; height:400px; margin:-200px 0 0 -200px; border:1px solid #000000; } positio... 阅读全文
posted @ 2008-02-22 14:22 lovablebox 阅读(399) 评论(0) 推荐(0)

摘要:为了不同浏览器的观看效果,我们当然没必要为每个浏览器的不同版本写一个样式,这里我们利用“IE条件注释”。 找了一些相关的CSS HACK后,总结的几个方法。 1. 区别FF和IE 1-1 首先,当然是!important大法,可以提升指定样式规则的应用优先权,如下面的例子: 插入代码: div{ background-color: red !important; backgro... 阅读全文
posted @ 2008-02-22 14:07 lovablebox 阅读(257) 评论(0) 推荐(0)

摘要:前些日子面试问到了CSS中设置能不能用#号 都不清楚 现在整理贴出来用类选择符class和标识选择符id来定义选择符的好处是:依赖于class或者id,你可以不同地表现相同的HTML元素。在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前。class的一个例子:#top { background-color: #ccc; padding: 1em }id的一个例子:... 阅读全文
posted @ 2007-03-13 15:14 lovablebox 阅读(704) 评论(0) 推荐(0)