- 2008-12-29 11:19:50当前最新流行网站配色方案
-
直接看运行代码吧：
代码实例：
<html>
<head>
<title>web2.0 color</title>
<style type="text/css">
body{
margin:20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}
.style1{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
bord... [阅读全文]
- 分类：CSS标准作者：佚名浏览：0
- 2008-12-29 10:49:32一个简单的CSS外框阴影效果
-
代码很简单
以下是代码片段：
<style>
.s1{ border:2px solid #f7f7f7;width:200px;}
.s2{ width:200px; height:300px; border:1px solid #ddd;}
</style>
<div class="s1">
<div class="s2">
CSS外框阴影
</div>
</div>
直接看效果吧：
代码实例：
<style>
.s1{ border:2px solid #f7f7f7;w... [阅读全文]
- 分类：CSS标准作者：佚名浏览：6
- 2008-12-28 12:38:54浅淡!important对CSS的重要性
-
CSS中的!important是一个非常重要的属性，有时候发挥着非常大的作用，52CSS.com这方面的知识并不是非常多，我们看下面的文章，对它作比较感观的了解。
前几天写一些CSS代码的时候又难为我了，因为那个该死的IE6对CSS的支持是如此的差劲，以前我还没注意过，因为做的东西基本都是基于IE的，可是我这次为博客写的CSS要... [阅读全文]
- 分类：CSS标准作者：佚名浏览：1
- 2008-12-23 14:23:33一个简单实用的CSS选项卡效果
-
效果请运行下面代码：
代码实例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<!--
引用时保留下原创作者喽,尊重任何一位原创作者,促进中国互联网进程
Editor:weasle
http://www.hxcgw.com
Email:weasle@163.com
QQ:112011531
-->
<html xmlns="http://www.w3.org/1999/xhtml... [阅读全文]
- 分类：CSS标准作者：佚名浏览：9
- 2008-12-23 13:05:35css实用技巧及必须得注意的事项
-
个人总结的一些css实用技巧及必须得注意的事项:
1.注释须知:html中注释不能这样写:
<div></div><!--------这是错误写法------->
<div></div><!--=======这是正确写法========-->
这种写法,FF中会忽略其下面的内容.
2.CSS注释切记在/*之后及*/之前空一格,否则在有些语言中会出问题,正确写法:
... [阅读全文]
- 分类：CSS标准作者：佚名浏览：6
- 2008-12-23 12:23:56CSS制作的背景动态变化的网页导航
-
感觉还不错...惟一的不足就是hack比较多
样式部分：
以下是代码片段：
#headerMenu {
width:560px;
margin:30px auto;
}
.menu {
font-size:14px;
line-height:18px;
*line-height:32px;
}
.menu li {
display:inline;
}
.menu a:link,
.menu a:visited{
display:-moz-... [阅读全文]
- 分类：CSS标准作者：佚名浏览：6
- 2008-12-18 11:51:18纯CSS实现中英文双语导航菜单
-
今天向大家介绍一款纯CSS实现中英文双语导航菜单，思路简单，结构明晰。
看HTML代码：
以下是代码片段：
<ul id="nav">
<li><a class="bi" href="http://www.xuemu.net/">xuemu.net<span>雪幕天涯</span></a></li>
<li><a class="bi" href="#">About us<span>关于我们</span></a></li>
<li><a ... [阅读全文]
- 分类：CSS标准作者：佚名浏览：18
- 2008-12-11 16:47:14关于CSS属性display:inline-block的深入理解
-
在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，大都会对这一属性感觉很模糊。
display:inline-block
将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。
但对于这个属性不是所有浏览器都识别。
支持的浏览器有：Opera、... [阅读全文]
- 分类：CSS标准作者：佚名浏览：5
- 2008-12-11 16:36:18CSS实例：三列自适应等高且中列宽度自适应
-
三列自适应等高且中列宽度自适应的CSS布局实例，作者silence应用了很多HACK进行代码编写。
IE6是主要出现问题的浏览器，希望在以后的发展中，IE6与标准不再协调的事情不要再次发生。我们看代码：
代码实例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm... [阅读全文]
- 分类：CSS标准作者：佚名浏览：12
- 2008-12-11 16:33:17CSS提高:说说CSS的优先权 考虑CSS的继承与层叠
-
CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，最后以 Specificity 的高低判断 CSS 的优先权。
Specificity 具体的计算规则：
1.元素的 style 样式属性，加 1,0,0,0。
2.每个 ID 选择符（#id），加 0,1,0,0。
3.每个 class 选择符（.c... [阅读全文]
- 分类：CSS标准作者：佚名浏览：4
- 2008-12-4 11:12:50网页制作css不解析问题
-
网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人意了！估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析，所以才会发生 CSS 在 ... [阅读全文]
- 分类：CSS标准作者：佚名浏览：3
- 2008-11-20 22:24:46CSS教程：练习层DIV的定位小实例
-
层的定位是很多人比较困扰的问题，点击弹出层会随着分辨率的改变层的位置也变动。
用实际截图来描述问题现象：
[img]"http://www.webjx.com/files/allimg/081117/1314350.jpg"[/img]
那么怎样让层固定在一个位置,不管分辨率或窗口改变而变化呢？这就是我所要记录的层的定位问题:
建立一个父级div，不改变x、y... [阅读全文]
- 分类：CSS标准作者：佚名浏览：9
- 2008-11-13 15:26:38对付CSS兼容问题的十个超级技巧
-
一、针对firefox ie6 ie7的css样式
现在大部分都是用!important来 hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释， 会导致页面没按要求显示！找到一个针对IE7 不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样：
以下是代码片段：
Ex... [阅读全文]
- 分类：CSS标准作者：佚名浏览：32
- 2008-11-7 9:32:1221个好玩、有趣味、实验性的css技术运用实例
-
来源:http://sixrevisions.com/css/innovative-and-experimental-css-examples-and-techniques/
原文翻译:
css 并不总是意味着严谨、标准。这理，你将看到21个好玩、有趣味、实验性的css技术运用实例与演示其中讨论的一些技术与实例也许并没有被测试过，可能有些浏览器无法渲染，有些允许是被确认过的给予标准设... [阅读全文]
- 分类：CSS标准作者：佚名浏览：21
- 2008-11-7 9:07:218个设计规范的表格Table CSS样式应用
-
如果说是Table把我带入了网站设计的大学的话，那么DIV+CSS则把我带入了Web设计的殿堂。虽然现在的Web设计者都在推崇DIV+CSS的网站设计，但不落入盲目应用的队列，灵活运用Table的特色来做一些前台的功能效果的话，那可能会让你的工作进程大大的缩短，并减少很多不必要的冗余CSS代码。
Table表格本身就是Html网站设计... [阅读全文]
- 分类：CSS标准作者：佚名浏览：14
- 2008-10-23 12:17:15DIV两列并排的标准写法——理解CSS中的float
-
今天在一个项目中用到了两个DIV左右对齐，我用的是左边的：float:left，右边的float:right，如下：
以下是代码片段：
<style type="text/css">
<!--
#col1 {
background:#eeffee none repeat scroll 0% 0%;
float:left;
width:25%;
height:50px;
}
#col2{
background:#eeeeff none repeat scroll 0% 0%;
... [阅读全文]
- 分类：CSS标准作者：佚名浏览：35
- 2008-10-16 22:38:24CSS中设置段落间距的方法
-
大家都知道CSS中设置行间距用line-height，那设置段间距呢，其实我们可以用margin来实现，代码如下：
以下是代码片段：
<style type="text/css">
<!--
p {
margin-top: 15px;
margin-bottom: 15px;
}
-->
</style> [阅读全文]
- 分类：CSS标准作者：雪幕浏览：86
- 2008-4-23 0:46:55CSS盒模型制定网页的宽度和高度的原理
-
当我们布局一个网页的时候，经常会遇到这样的一种情况，那就是最终网页成型的宽度或是高度会超出我们预先的计算，其实就就是所谓的CSS的盒模型造成的。
以下是代码片段：
#test{margin:10px;padding:10px;width:100px;height:100px;}
如上一段的代码，很多时候我们会把它所占的位置计算成width:12... [阅读全文]
- 分类：CSS标准作者：佚名浏览：54
- 2008-4-23 0:41:24CSS教程:使用ul进行网页的多列布局
-
几天在用CSS写三列布局的时候突然想到的这样一个方法，这个想法自己都觉得有些疯狂，如果其中有什么不对的地方请各位不吝指教。
当需要写一个三列布局的时候，一般情况下我会选择使用如下的DIV布局方式：
[img]"http://www.webjx.com/files/allimg/080422/0711100.jpg" border=0[/img]
使用这样的嵌套方... [阅读全文]
- 分类：CSS标准作者：佚名浏览：45
- 2008-4-22 0:28:45以HTML为基础学习DIV+CSS
-
在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。
所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoSho... [阅读全文]
- 分类：CSS标准作者：佚名浏览：82
- 2008-4-17 0:19:29css中用javascript判断浏览器版本
-
看如下的javascript脚本：
以下是代码片段：
if (window.XMLHttpRequest) { //Mozilla, Safari,...IE7
alert('Mozilla, Safari,...IE7 ');
if(!window.ActiveXObject){ // Mozilla, Safari,...
alert('Mozilla, Safari');
} else {
alert('IE7');
}
} else {
alert('IE6');
}
看... [阅读全文]
- 分类：CSS标准作者：佚名浏览：31
- 2008-4-8 11:36:14DIV+CSS常用的网页布局代码
-
单行一列
以下是代码片段：
body { margin: 0px; padding: 0px; text-align: center; }
#content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; }
两行一列
以下是代码片段：
body { margin: 0px; padding: 0px; text-align: center;}
#content-top ... [阅读全文]
- 分类：CSS标准作者：佚名浏览：55
- 2008-4-8 11:31:36关于CSS 框架的论述
-
最近看到N多介绍CSS框架，前些天我说过一句话：“在我有限的视野里，还没见到可以真正可以称得上css框架的东东~”，当然也可能是我的视野太小了，或者是说世界太大了，我自己还是感觉还有一大堆我看不到的东西。
先来看一下一个我比较认同的概念：
框架可分为白盒(White-Box)与黑盒(Black-Box)两种框架。
... [阅读全文]
- 分类：CSS标准作者：佚名浏览：36
- 2008-3-30 23:46:07WEB标准教程:链接和文本标签的应用
-
第四篇《WEB标准能有多难？》专栏文章将结束关于文本部分的XHTML的讲解。那么这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。
我们都知道网页的最大特性是“链接”，是的这个在我们现在看起来习以为常的东西，让我们的生活发生了巨大的变化，是这个小小的标签成就了这个世界上无数的互联网... [阅读全文]
- 分类：CSS标准作者：佚名浏览：22
- 2008-3-30 23:44:32WEB标准教程:功能相似的标签的用法
-
在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em之外还有一些相似的标签比如q、cite、blockquote。这三个都属于引用一类，但是这里还是... [阅读全文]
- 分类：CSS标准作者：振之浏览：21
- 2008-3-30 23:41:03CSS教程关于css框架网页设计
-
个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。:)
1、css框架
中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词——“框架”。YUI、JQuery、Prototype这些javascript框架在开发... [阅读全文]
- 分类：CSS标准作者：佚名浏览：34
- 2008-3-30 23:37:48清除浮动clear:both的应用详解
-
在CSS中我们会经常要用到“清除浮动”Clear，比较典型的就是clear:both;
CSS手册上是这样说明的：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。
当属性设置float（浮动）时，其所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动），... [阅读全文]
- 分类：CSS标准作者：佚名浏览：85
- 2008-3-26 18:08:40CSS教程:弄懂闭合浮动元素
-
按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？
有一种做法就是在父容器内再插入一个额外的标签，并令其清除浮动（c... [阅读全文]
- 分类：CSS标准作者：佚名浏览：29
- 2008-3-26 18:01:43优化CSS在网页中的加载方式
-
1、应该将 CSS 放置于结构的上方（一般放置于 head 元素内）。CSS 是解释型语言，Firefox 和 IE 在等待 CSS 传输完成之前不会渲染任何东西。只有将 CSS 前置，才可在浏览器解析结构时，对页面进行渲染。
This causes the blank white screen problem. The page is totally blank until the stylesheet at the botto... [阅读全文]
- 分类：CSS标准作者：佚名浏览：27
- 2008-3-20 9:01:29CSS实例:让页脚保持在未满屏页面的底部
-
在内容不超过一屏的情况下，当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。
当内容多出一屏时，他显示在网页的最下边，而不是窗口的最下边；测试了一下，还可以，在IE6、IE7、FF等都没有问题！窗口缩小时也没有问题！
首先是JS脚本：
以下是代码片段：
function test(){
var... [阅读全文]
- 分类：CSS标准作者：佚名浏览：31
