-
CSS 约定写法 利用扩展
以前在程序中，有美工设计好了静态页面，而我们程序员将其整理成动态页面（例如jsp页面），一般程序员是不会管像图片、样式这样的东西，直接拿来就用了。这时可能出现下面几个问题： 1 修改过几...
作者：asdasdasd11-19 -
span margin 设置生效
比如： span{ margin-left:25px; margin-top:200px; } 改为 span{ margin-left:25px; margin-top:200px; display:block; }
作者：asdasdasd11-19
... -
CSS margin 属性定义边外补白
边框的外面可以有一层边外补白(margin),边外补白可以把块级元素分开.边外补白定义了围绕某种元素(elements)的空白. 可以查看盒模式,了解边外补白和边内补白. 边外补白分为上边外补白(top),下边外...
作者：asdasdasd11-19 -
13个网页页面浏览器兼容性验证工具
每天在回顾浏览ThemeForest上的模板的时候，我都会测试验证浏览器的兼容-更不用说我自己的工作。随着时间的推移，我已经收集到了网上最好的验证和浏览器兼容性测试的工具。以下是我最爱的。
作者：asdasdasd11-19
HTM... -
CSS 网页制作 提高CSS可阅读性
也就是总结一下，良好的书写习惯对于后期的维护有着很让人惊诧的作用；同时，书写习惯决定了阅读的难易程度。而这里的写法，基本上也就是对css从了解到熟悉到主动思考的一个过程。刚开始的写法
作者：asdasdasd11-19
... -
最全的CSS浏览器兼容问题小结
CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为flo...
作者：asdasdasd11-19 -
html 滚动条在IE6和IE7中兼容性问题
原因：在该页面元素的css样式中没有加对该元素显示的大小限制（高度height或宽度width。 解决方法：在css中增加对包含滚动条的页面元素的显示大小限制。 例子： 复制代码代码如下:<div> <tabl...
作者：asdasdasd11-19 -
CSS3 圆角效果
现在使用CSS3 技术不需要图片即可实现圆角，把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性：border-radius，...
作者：asdasdasd11-19 -
CSS 样式表中引用图片地址在各浏览器中的差异
通常，我们的页面都是引用了很多样式文件，同时样式文件给我们的页面设置了很多背景图片。但是这里有个小细节容易忽视。图片的referer来源处理存在浏览器的差异。通常，我们的样式和图片的结构如...
作者：asdasdasd11-19 -
CSS 优先级使用技巧
css优先级的四大原则：原则一： 继承不如指定如果某样式是继承来的永远不如具体指定的优先级高。例子1：CODE:<style type="text/css"> <!-- *{font-size:20px} .class3{ font-size: 12px; } -->...
作者：asdasdasd11-19 -
CSS 网页图文混排的10个技巧
1. 首行缩进
作者：asdasdasd11-19
你知道的，从小学，老师就教我们，段落的开头应该空两格。而你使用word的时候，也有首行缩进这个功能，但在html中你的空格键好像起不了作用了。当然，你可以用 来代替一个空格... -
网页布局教程 掌握CSS网页布局属性
由于是布局教程例子，在版面的细节上没有花更多时间精细修饰，不过我觉得模板的版面不错，懂CSS的可以下载进行更细致的美工将会是一个很不错的网页，初步学习的可以下载来修改修改属性参数从而更...
作者：asdasdasd11-19 -
IE6 两个div有间隙的问题（IE 3px bug）
已存在解决方法：利用float和margin的负值偏移来实现，这两种方法虽好，但是对于前一种方法如果这两个div包含在另一个div中，且这个div已经float的话，这个方法是无效的。本题目采用方法：即在其...
作者：asdasdasd11-19 -
CSS 空格引起网页布局间距问题
发现的“页面空格引起的间距问题”，是不同浏览器对“空格”宽度的解析不同造成的。 ie7浏览器解析的空格间距要比ie6/firefox大。 解决方法如下： 1.删掉空格 2.给需要间距...
作者：asdasdasd11-19 -
纯css 圆角实现代码
html 复制代码代码如下: <div class="curvedBox"> <span> <span class="r1" ></span> <span class="r2" ></span> <span class="r3" ></span> <span class="r4" ></span> </span> <div class="co...
作者：asdasdasd11-19 -
网页设计应该熟知的CSS 3.0技术
1. 基本的xhtml标记
作者：asdasdasd11-19
在开始这个教程之前，让我们来做点xHtml标记，我们需要的几个DIV来完成效果的显示，如下：
#round, 这个显示CSS 3圆角
#indie, 单个角的显示
#opacity, 不... -
IE的CSS制作网页技巧3则
IE注释：最安全的HACK IE的途径
作者：asdasdasd11-19
<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->
这应该是我最常用的方法了，一般情况下，我们现在已经不用考虑IE5或者以下的... -
CSS 清除浮动方法大全
早段时间特别的忙，忙到站点一直没有更新；但是这段时间也是偷偷的做了一些的工作，比如对站点的JS进行了压缩，构思labs分站以及聚合分站。
作者：asdasdasd11-19
而此段时间最烦的是森林群里面的一群人每天上班都在吵... -
CSS 语义化标记抛弃DIV标记
曾经，设计师们经常会跟频繁使用基于table的没有任何语义的布局。不过最终还是要感谢像Jeffrey Zeldman和Eric Meyer这样的思想革新者，聪明的设计师们慢慢的接受了相对更语义化的<div>布局替代了...
作者：asdasdasd11-19 -
14款免费的RSS、CSS和HTML验证工具
不管是CSS验证，HTML验证还是RSS验证工具，我们都不应该为了验证而验证。验证工具更主要的目的是为了发现错误并修正它们。本文为你介绍14款免费的RSS、CSS和HTML验证工具。
作者：asdasdasd11-19
Firefox插件
CSS 验证... -
HTML/CSS对浏览器的判断
<!--[if lte IE 6]> <LINK rel="stylesheet" type="text/css" href="images/StyleSheet.css" /> <![endif]--> <!--[if IE 7]> <LINK rel="stylesheet" type="text/css" href="images/css.css" /...
作者：asdasdasd11-19 -
CSS 多列布局问题简单解决方案
多列等高的问题
作者：asdasdasd11-19
上例中有包含不同内容的 3 列，可以看出存在的问题是列的背景色随着其包含内容的高度而自适应展开。这是我们要解决的问题。如何使所有的列等高？或具体的说，如何使所有列的高... -
CSS 关于浮动
什么是浮动？
作者：asdasdasd11-19
浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。这是一个例子：
在排... -
IE6 注释引起的文字溢出和浮动错位的解决思路
在网站改版过程中,Div和css代码都么没有问题,在IE7,IE8,Firefox下都能正常的运行,但是在IE6下,出现文字溢出的Bug, 通过对比正常的网页与出错网站的代码,发现是因为注释代码的问题.通过查询,得知...
作者：asdasdasd11-19 -
CSS 选择器支持列表
.css3selectors th, .explain {background-color:#FFFF66; padding:4px; }
作者：asdasdasd11-19
.css3selectors td {padding:4px;}
.css3selectors td.compliant {background-color:#009900;}
.css3selectors td.iff...