
xhtml+css
cnxlx
这个作者很懒,什么都没留下…
展开
-
xhtml+css技巧
CSS完美兼容IE6/IE7/FF的通用方法 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写转载 2008-08-23 17:50:00 · 327 阅读 · 0 评论 -
条件注释判断浏览器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>
除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT operator. This转载 2012-01-09 15:44:42 · 1153 阅读 · 0 评论 -
设置text-indent:-9999px;为何没有效果?
Text-indent 仅仅对 block, table cells, inline block才有效果,而且text-align:left;才有效果。对inline的元素没有效果。原创 2011-11-01 01:03:26 · 507 阅读 · 0 评论 -
元素的class与ID命名常用关键字
文件夹命名 文件夹主要建立以下文件夹: 1、Images 存放一些网站常用的图片; 2、Css 存放一些CSS文件; 3、Flash 存放一些Flash文件; 4、PSD 存放一些PSD源文件; 5、Temp 存放所有临时图片和其它文件; 6、copyright 版权信息(可选) 8、readme 说明文件 Css统一命名 注:本CSS命转载 2008-09-08 21:16:00 · 764 阅读 · 0 评论 -
CSS隐藏文字的几个方法
而早前的前端开发常直接不在html中给出内容用 ;(甚至为空)这样在没有加载到css时就无法知道这个区块究竟是什么内容了正题开始通常偏移掉字体的方式是(1)使用text-indent:-9999px;可是他有一个局限性 他只适用于块级元素block而我们往往有时候想偏移掉的a上的字体所以问题就来了text-indent:-9999px;虽然用起来比较转载 2011-10-30 02:33:26 · 341 阅读 · 0 评论 -
安卓手机网站制作声明
在iPhone的浏览器中将以原始大小显示,并不允许缩放。其中:width - viewport的宽度height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例max原创 2011-09-05 13:13:30 · 363 阅读 · 0 评论 -
CSS Hack 汇总快查
屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF,OP可见,特别提醒:由于Opera最近的升级,目前此句只为FF所识别*/select:empty {font:12px !important;}原创 2011-07-17 00:16:33 · 217 阅读 · 0 评论 -
IE8的css hack
首先感谢“丸子”提供的这个IE8的css hack;关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack:.test{color:#000000; /* FF,OP支持 */color:#0000FF\9原创 2011-07-17 00:12:05 · 352 阅读 · 0 评论 -
强制不换行与强制换行的一些CSS属性
强制不换行p.www_52css_com { white-space:nowrap; }自动换行p.www_52css_com { word-wrap: break-word; word-break: normal; }强制英文单词断行p.www_52css_co转载 2011-07-07 01:42:09 · 358 阅读 · 0 评论 -
纯CSS的图片展示效果.
dl { position:absolute; width:240px; height:170px; border:10px solid #eee; }dd { margin:0; width:240px; height:170px; overflow:hidden; }img { border:1px solid bla转载 2008-12-07 22:03:00 · 580 阅读 · 0 评论 -
FF火狐浏览器下inline-block不起作用怎么办?
FF无法识别inline-block,怎么办呢? display: -moz-inline-box !important;display: inline-block; -moz-inline-box 是Firefox 的私有属性也可以用-moz-inline-stack 但是如果用了-moz-inline-box 会导致内容无法居中 这时你可以加上-moz-bo原创 2008-12-04 16:02:00 · 1167 阅读 · 1 评论 -
引用外部css的两种方法与@import
引用外部CSS有两种方法.一种为HTML的标签.一种为CSS的@import url命令. 这两种方法从外用引用CSS的功能上是一样的.不过 link 与 @import 在显示效果上还是有很大区别的.基本上来看 link 的加在会在页面显示之前全部加载完.而@import 会是读取完文件之后加载。IE下@import加载页面时开始的瞬间会有闪烁(无样式表的页面),然后才恢复正常(加载原创 2008-09-30 21:23:00 · 930 阅读 · 0 评论 -
让表格也能overflow:hidden?
当div里的内容超出了div的宽度,为了防止内容把div撑破,我们可以用overflow:hidden来隐藏掉超出的内容!而这个语句在表格td下却不起作用!在table下加上table-layout: fixed; 就可以让表格跟div一样也能自动隐藏掉超出宽度的内容了!原创 2008-09-24 17:19:00 · 510 阅读 · 0 评论 -
css常用技巧
CSS完美兼容IE6/IE7/FF的通用方法 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写转载 2008-09-08 21:19:00 · 328 阅读 · 0 评论 -
position:relative/absolute无法冲破的等级
注:本文实例在IE5下可能会显示不出来,请使用IE5.x、IE6、IE7、Firefox、Opera等浏览器来调试!前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题: 复制内容到剪贴板 代码: 第一块 第二块 第三块 第四块 第五块 如果我我们设定LI为position:relative;设置span为position:absolute;那么我们会发现无论SPAN转载 2008-08-23 17:34:00 · 464 阅读 · 0 评论 -
xhtml+css 浏览器BUG处理方法整理
浏览器BUG处理方法整理(部分),供喜欢网页设计的朋友共享:1. 星号* IE都能识别*,标准浏览器如FF不能识别*。 例:p { color:yellow; *color:red;} 类似的有 + 加号 只有IE解释 p{color:red; +color:blue} IE 显示blue FF显示 red2.!important IE6及以下将会忽略该样式,I转载 2008-08-23 17:49:00 · 410 阅读 · 0 评论 -
xhtml网页中英文混排行高不等问题的解决方案探讨
基本上快被这个问题搞疯了,症状如下症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现如上图的症状,文字排列上下不对齐的情况。影响了布局的美观性,造成上图情况的原因是中英文的文字基线不同,arial字体的下边缘要比宋体(同为12号)低一个象素,上边缘比宋体矮两个象素,而且英文还有i,y这种上下基线不同的情况。所以当中英文混排对齐时转载 2008-08-23 17:42:00 · 490 阅读 · 0 评论 -
Meta http-equiv 大全
Meta http-equiv 大全http-equiv类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的http-equiv类型有: 1、Content-Type和Content-Language (显示字符集的设定)说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符转载 2012-05-03 15:19:04 · 446 阅读 · 0 评论