搜索列表
-
line-block的运用最小宽度的设置
【CSS/HTML】line-block:本身是内联盒模型的存在,又具备块状盒模型的特性。很好很强大的东西啊~
line-block最小宽度 -
CSS顶级技巧大放送,div+css布局必知
【CSS/HTML】最近给所有的CSSer提出了一些写CSS时候的“顶级技巧”。好多css使用技巧包括css缩写,一行内声明css,分块书写代码等实用技巧
CSS顶级技巧div+css布局 -
CSS Hack收集汇总
【CSS/HTML】收集了一些CSS Hack方便解决令人头疼的兼容性问题的时候查询
csshack -
CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
【CSS/HTML】关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针...
CSShack完美兼容IE6/IE7/FF -
推荐深入理解css中的position定位和z-index属性
【CSS/HTML】作者:Cutsin 原文地址:http://www.moonless.net/blog/2007/09/csspositionz-index.html 注:本文仅供交流使用,如有不当之处欢迎批评指正,但请注明详由,谢谢! 由于平时不太用到,所以过去写css的时候对于position属性的absolute、relative值理解比较模糊,对于z-index的层叠更是摸不着头脑,除了理解的因素外,各个浏...
深入理解css中的position定位和z-index属性 -
CSS网页布局入门教程5:二列宽度自适应
【CSS/HTML】从二列固定宽度入手,开始尝试二列布局的情况下,左右栏宽度能够做到自适应,从一列自适应布局中我们知道,设定自适应主要通过宽度的百分比值设置,因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计,继续上面的CSS代码,我们得新定义二列的宽度值: 复制代码 代码如下:#left { ...
CSS网页布局入门教程5:二列宽度自适应 -
IE6,IE7和firefox对DIV的支持区别
【CSS/HTML】1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。 现在写一个CSS可以这样: #1 {&n...
IE6,IE7和firefox对DIV的支持区别 -
应用WEB标准实例:列表页面的制作
【CSS/HTML】实例效果图: 整体观察思考: 在开始制作页面前,我们首先要观察图的结构,考虑怎样布局,布局对一个网站来说非常重要,他是整个体系的骨骼。 再看此图 很经典的三行两列结构,分为四块,TOP、RIGHT、LEFT、BOTTOM。如下图 以上我们思考过整体的结构,接下来我们要考虑如何把思考出来的结构变化...
应用WEB标准实例:列表页面的制作 -
div+css实现的滑动门,简洁,新手上路 (小鸽子系列)
【CSS/HTML】以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢; 兼容IE7;FF;IE6 代码更简洁,更易读; 滑动门 网上房展会 本月开盘 知名开发商 栏目导航 哈哈哈哈 Q小鸽子 内容1 内容2 内容3 内容4 内容5...
div+css实现的滑动门简洁新手上路(小鸽子系列) -
DIV+CSS布局教程大全与pdf电子书 下载
【CSS/HTML】div+css布局入门 4XHTML下css+div布局总结. 6网页设计DIV+CSS——第1天:选择什么样的DOCTYPE. 9第一天 9什么是DOCTYPE 10我们选择什么样的DOCTYPE 10补充 10网页设计DIV+CSS——第2天:什么是名字空间 10网页设计DIV+CSS——第3天:定义语言编码 11网页设计DIV+CSS——第4天:调用...
DIV+CSS布局教程大全与pdf电子书下载 -
IE浮动边界BUG延伸探讨
【CSS/HTML】熟悉CSS盒模型朋友相信对于IE双倍浮动边界BUG不会陌生(如果你并不是很清楚可以点击),这个BUG只会产生在浮动行的第一个浮动元素,所以如果第一个浮动元素没有使用外补丁margin就不会有双倍距离。不过最近发现IE对于这个BUG居然有延伸的现象。 问题下例所有图的浮动行的第一个浮动元素外补丁margin都为0 #left...
IE浮动边界BUG延伸探讨 -
IE 5.x/Win 和模型bug
【CSS/HTML】IEbug IE 5.x/Win 和模型bug 这里是一个width:500px;margin:10px;padding:10px; border:10px;的一个盒子.使用widht(空格)/**/:530px,解决IE5.x系列的盒解析bug,因为IE5.x系列浏览器能读到这句.在IE5.x Win,IE6.0 Win下效果一致.如何使用hack解决IE5.x盒解析bug? #content { width:530px; //这个是错误的width...
IE5.x/Win和模型bug