0℃
2011年11月08日
2011年11月08日
⁄ DIV+CSS
CSS 之所以被看好的原因之一就在于它能减小页面大小，而由此缩短网页下载时间，不仅仅是首页的载入，还包括样式表被缓存以后，后续页面的载入也被加快了的那部分时间。这没错，但首页载入时间的缩短几乎看不出来，这是因为 CSS 代码往往过于冗长了。
好吧，现在一切都不同了。学点高效地进行 CSS 编码的技巧吧，让你把样式表马上裁减到最小为止。自然，你可能看不到什么惊人的改变，但对于大站来说，微小的字节减少也很重要。
有很多地方可以减少代码的长度，包括 简记属性 (shorthand properties)， 多...
CSS编码阅读全文
0℃
2011年11月08日
2011年11月08日
⁄ DIV+CSS
说明：
设置或检索对象的列表项所使用的预设标记。
若list-style-image属***为none或指定图像不可用时，list-style-type属***将发生作用。
仅作用于具有display值等于list-item的对象(如li对象)。
注意：ol对象和ul对象的type特***为其后的所有列表项目(如li对象)指明列表属***。请参阅我的其他著作。
IE5.5尚不支持所有CSS2的值。
对应的脚本特***为listStyleType
语法：
以下是引用片段：
list-style-type : disc | circle | square | decimal | lower-roman | up...
css, li标记阅读全文
0℃
2011年11月08日
2011年11月08日
⁄ DIV+CSS
在进行CSS网页布局时，对元素与容器进行布置与规划，最常用的两个属性就是浮动float和定位position。这两个属性的理解对CSS网页布局的学习非常重要。
首先了解float（浮动）和position（定位）属性的基础知识：
float（浮动）属性：
float:none|left|right
取值：
none: 默认值。对象不飘浮
left: 文本流向对象的右边
right: 文本流向对象的左边
float（浮动）属性的一个实例（一行两列）：
Example Source Code [www.xxcss.com]
xhtml代码:
<div id="wrap">
< div id="column1">这里是第一列</di...
CSS布局, float, position阅读全文
0℃
2011年11月08日
2011年11月08日
⁄ DIV+CSS
这个XHTML1标准的DIV+CSS布局是著名网页设计师阿捷2004年发布在《网页设计师 》上的，一个非常经典的布局，在IE、Mozilla和Opera浏览器中均可以实现居中和高度自适应。完整代码如下（在原代码的基础上作了一定规范整理）：
<html>
< head>
< metahttp-equiv='Content-Type' content="text/html; charset=gb2312">
< title>SEO参考:XHTML之经典三行两列布局- seobbs.net</title>
< style type="text/css">
body {
background: #999;
text-align: center;
color:#333;
font-fam...
CSS布局, div, XHTML1标准阅读全文
0℃
2011年11月08日
一个超级链接有几种不同的状态：
Link：未被访问链接的状态
Visited：已访问链接的状态
Hover：鼠标正移动过的状态
active ：单击链接时的状态
定义超级链接样式（2-26.htm ）
<HTML>
<HEAD>
<STYLE TYPE="TEXT/CSS">
A:LINK{COLOR:RED ;FONT-SIZE:9PT;TEXT-DECORATION:NONE}
A:VISITED{COLOR:BLUE;FONT-SIZE:9PT;TEXT-DECORATION:NONE}
A:HOVER{COLOR:GREEN;FONT-SIZE:15PT;TEXT-DECORATION:UNDERLINE}
</STYLE>
</HEAD>
<BODY>
<A HREF="#">这是超级链接<...
样式, 超级链接阅读全文
0℃
2011年11月08日
搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前流行的CSS+DIV的命名规则：
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:st...
css, div, seo优化, 搜索引擎优化阅读全文
0℃
2011年11月08日
演示地址：
http://www.makewing.com/lanren/menu/01/index.htm
http://www.makewing.com/lanren/menu/02/index.htm
http://www.makewing.com/lanren/menu/03/index.htm
http://www.makewing.com/lanren/menu/04/index.htm
http://www.makewing.com/lanren/menu/05/index.htm
http://www.makewing.com/lanren/menu/06/index.htm
http://www.makewing.com/lanren/menu/07/index.htm
http://www.makewing.com/lanren/menu/08/index.htm
http://www.makewing.com/lanren/menu/09/001.html
http://www.makewing.com/la...
css, div, 导航菜单阅读全文
0℃
2011年11月08日
本文由经典论坛 r2no1 翻译整理
原文发表网站：www.webcredible.co.uk
本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。
如果你得到原作者或原发表网站的授权，可以自由使用本翻译。
1.CSS字体属性简写规则
一般用CSS设定字体属性是这样做的：
font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana,sans-serif;
但也可以把它们全部写到一行上去：
font: bold italic small-caps 1em/1.5em verdana,sans-serif;
真不错！...
CSS字体阅读全文
0℃
2011年11月08日
2011年11月08日
⁄ DIV+CSS
关于background的写法
DIV.comment{background:#f0f0f0 url(url address) repeat-x left top}
1）您可以看到background的第一个定义是一个颜色值这表示在背景图片失效的时候颜色将起作用。
2）url括号中的引号是没有必要的，我们可以不写引号
2. 关于Border的写法，如果您想定义div的四个边的颜色不同，而粗度和样式都一样，您可以这样写：
DIV.special{border:1px solid; border-color:color1 color2 color3 color4}
四种颜色一次是上，右，下，左的颜色
3. 为了兼容所有的浏览器都可以显示半...
Css技巧阅读全文
0℃
2011年11月08日
2011年11月08日
⁄ DIV+CSS
1.若有疑问立即检测
在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于 XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素 造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。
2.使用浮动功能时记得适当清除指令
浮动是个危险的功能，未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况，请先确定您的做法是正确的。请参阅52CSS.com网站上的教学。
3.边界...
css, div, 网站布局阅读全文
