XHTML CSS
关注
分享
扫一扫
文章平均质量分 71
caiceclb
我想学的东西很多：笛子、古筝；国画、漫画；围棋；
珠算；（这些都没条件学了，忘了，还有中医^_^）
关于计算机： 很好的东西，C，java，perl，python
，甚至汇编；可惜现在只会C、java，jsp努力学习中
……
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
块级元素相互不能任意包含，比如p中不能包含任何块级元素
一个群里问了个问题，是这样的： <style type="text/css"> p{ col原创 2009-04-13 16:27:37 · 860 阅读 · 0 评论 -
IE下由浮动引起的外侧div边框部分消失
遇到不少次，这次算是彻底解决了。 来源于：http://bbs.blueidea.com/thread-2877232-1-1.html 林小志 写道 给你的外容器加上zoom:1; 让ie6产生haslayout，这样就不会有问题了。 ...原创 2009-07-01 10:51:20 · 199 阅读 · 0 评论 -
浮动列表在ie6
各种类型的浮动li，比如：导航，图片文字列表，产品展示的那种。 在这些情况下，ie6或多或少都会搞出些bug出来，烦不胜烦。甚至是两个同样的容器中，其中会出现最后一个li 总是不站好队，偏了，歪了，图片对齐，但文字不居中，见图1. 还有一种情况，图片下的说明文字，通常都是 汉字，但某一个若碰巧是字母或数字，在ie中可能表现出，此行下面的一行出现偏移的现象。 原因，据我目前碰...2009-07-14 14:44:13 · 95 阅读 · 0 评论 -
CSS巧用text-shadow做图片阴影（小小研究版）
不用背景图也可实现图片阴影，只可惜只支持标准浏览器，ie6是被pass掉的，ieTester下7也没效果。请用火狐或Opera浏览。不过算是个小小的研究，开拓下思维。 代码已经压缩作为附件。效果截图如下： 主要代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h...2009-07-16 11:37:22 · 160 阅读 · 0 评论 -
div内部块级元素设置外间距（margin）对其的影响
div内部块级元素，比如p,div，设置外间距（margin）的话会怎样（IE6正常，此处建立在标准浏览器基础之上，测试环境：FF，Opera）。本来还纳闷div莫名奇妙的怎么多出了一些外边距，甚至设置margin为0，都不能解决问题。到底是怎么回事呢。看示例： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...2009-07-17 19:02:25 · 3550 阅读 · 0 评论 -
记自己的Form布局一种
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ..2010-04-02 10:43:15 · 152 阅读 · 0 评论 -
不用embad标签的object嵌入flash
<object height="205px" width="900px" data="flash地址" type="application/x-shockwave-flash"> <param value="flash地址" name="movie" /> <param value=&qu2010-01-21 10:09:25 · 122 阅读 · 0 评论 -
使用绝对定位的透明背景研究
刚刚研究的透明背景设置。貌似游戏类网站最多这种应用。 透明背景可以是纯色，也可以是背景图，这里只用纯色测试了。 大概思路：由于透明会继承到子元素，从而不能达到满意效果，故写一个冗余标签p，设置背景透明，然后将其绝对定位， 并置于内容层之下，达到背景透明的目的。 测试代码html结构部分： <div id=”wrap”> <ul&g...2010-07-24 21:36:50 · 352 阅读 · 0 评论 -
最简洁图片圆角边框-无需额外标签
目前所能写出的最简洁圆角边框了，不需要额外标签。也可以只要一副图片，但这时就得添加一个额外标签。 这是以前写的，今天又去写的时候，发现还没有以前写的那么感觉上优雅了。还是记下来，以免后忘。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT...2009-09-10 14:20:36 · 143 阅读 · 0 评论 -
IE6这个大SB... ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <2010-06-07 11:16:07 · 121 阅读 · 0 评论 -
IE6对Eclipse新建的xhtml文件有点感冒
有时布局时ie6有点不同寻常的表现，莫名奇妙，ie7是好好的。 今天虽然不是第一次发现，但是今天要记住了。因为用的是Eclipse做开发，用Eclipse新建的XHTML声明的静态文件，头部是有一个“<?xml version="1.0" encoding="UTF-8" ?>”的声明的，但是这个东东ie6就有些小感冒了。 今天的例子是对img加个效果。 ...2009-12-18 13:41:54 · 133 阅读 · 0 评论 -
IE对百分比宽度的理解。。。貌似很囧
布局的时候貌似发现ie对百分比的宽度计算有点问题，Google之。果然。。。 http://www.liehuo.net/a/200908/237911.html 写道 IE与firefox对百分比宽度解析存在细小差异，假设一个DIV宽度800px。里面有8个字DIV等宽依次浮动，可以这么写。 以下为引用的内容： .out{width:777px;} .out .in{width...原创 2009-12-18 11:18:22 · 646 阅读 · 0 评论 -
莫名其妙的IE 3像素Bug
凡是做CSS的，估计没谁不抱怨ie的，但是又没办法，ie的市场占有率太高了。 最近做个九宫格的布局，很简单的，碰见ie莫名其妙的3像素bug，郁闷。 还好找到两种解决之道，记录之，以防遗忘（估计大部分的类似现象都可以用此解决）。 1、设置font-size：0；，这个应该是出现的此现象的凶手，貌似ie都有默认的文字大小问题。 2、如果不方便设置font-size，就...2009-04-16 09:34:57 · 151 阅读 · 0 评论 -
CSS技巧代码搜刮
1、第一收录：图片居中（注：.box 最好用在img的父级元素上，而不要是祖父级），附链接参考： http://www.cssrain.cn/article.asp?id=870 ，http://www.planabc.net/2006/11/20/css_vertical_center_solution/， http://www.student.oulu.fi/~laurirai/w...2009-04-18 13:12:52 · 126 阅读 · 0 评论 -
一时灵感之遮罩层妙用
群里一友提出了一个需求： 当保存完一个表单之后 要打印，打印之前表单的数据不能更改，这样得让表单只读，问题还不是一直只读， 如果用户点击一个元素， 则让他触发解除只读状态的方法。 表单全部只读？用js捕获事件？遍历表单元素设为只读？表单元素可是多种多样的啊。看着其他人给的答案，我倒是突发奇想，想到了遮罩层。然后仔细想了想，这是个好方法啊，或许也就这次可以马上就想到的解决方案了。 灵...2009-11-25 10:39:25 · 131 阅读 · 0 评论 -
一行内，左右分离的布局一例
感觉自己这个布局蛮简单有效的，第二次去用的时候还没想到这样写，去翻以前的才发现，还是记录一下吧。 效果： 代码： <div id="top-bar"> <p class="r-f"> <a class="home" href="">首页</a&am2010-03-17 14:48:29 · 236 阅读 · 0 评论 -
IE和火狐中关于禁止选取文本
又一个鸡肋的功能，ie禁用js，火狐禁用css可以破解，但。。。碰见了，没办法 IE下的处理： <body oncontextmenu="return false" onselectstart="return false"> 还有就是当页面禁止选择的时候，如何让文本框文字可以选择： <body onselectstart="return oSele...原创 2009-06-14 16:45:16 · 222 阅读 · 0 评论 -
发现IE6、IE7下列表li中内联块级元素的错位bug
此篇记录发出前，记忆中没有看过相关bug的描述。 开发中遇到，对此问题做了简单的代码还原： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns...2010-03-30 10:35:49 · 114 阅读 · 0 评论 -
纯css边框实现菜单下拉三角箭头动态效果，又见IE奇现象
先拿淘宝看这样的例子： 正常状态： 下拉后状态： 淘宝这个三角是用s标签实现的。我一同事试图使用a，a:hover来模拟还原这个效果，同时我也写了个代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm...2010-04-01 10:43:11 · 1038 阅读 · 0 评论 -
CSS特性发现记录
4、手形指针用cursor: pointer; 因为FF不认识：cursor: hand; 。 5、table不支持后代选择符样式定义，意味着除非html里明确指定table、tr、td的id、或类，否则css文件里只能定义一个唯 table样式。 HTML代码： <div id="t1"> <table> <...2009-01-05 10:52:38 · 136 阅读 · 0 评论 -
浏览器视窗内纯CSS的层固定位置及发现的一个针对IE6的怪癖问题
固定定位来源：http://www.wowbox.com.tw/blog/uploads/200705/02_022326_3.htm 详细HTML如下： <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org...原创 2009-06-23 16:52:22 · 104 阅读 · 0 评论 -
暂时感觉IE6这个莫名的bug...
这个奇怪的层。 字呢? 问题的关键是标红的宽度，设置小一些，使width+marginLeft+marginRight小于父元素内部宽度, p就回来了。 Mark吧.... ...2010-06-08 15:43:04 · 118 阅读 · 0 评论