文章列表
站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤，主要是分别制作了背景。12点以前系统会使用早上的皮肤，过了12点，站点会自动替换成下午的风格，5点后则替换成夜晚的风格。
CSS版代码如下：
<link rel="stylesheet" type="text/css"
href="<?php $hour = date("H"); if ($hour < 12) echo "morning.css"; elseif ($hour < 17) ech ...
一、什么是DOCTYPE
DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。
二、DOCTYPE的规则
DOCTYPE声明的写法遵循一定的规则，它指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是w3c所发布的一个文档类型定义（dtd）中包含的规则。
每个dtd都包括标记、attribu ...
实际用在HTML中的标签有form、 input、 textarea、 select和option。
表单标签form定义的表单里头，必须有行为属性action，它告诉表单当提交的时候将内容发往何处。
可选的方法属性method告诉表单数据将怎样发送，有get（默认的）和post两个值。常用到的是设置post值，它可以隐藏信息（get的信息会暴露在URL中）。
所以一个表单元素看起来是这样子的：
<form action="processingscript.htm" method="post"> </form>
input ...
META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。
META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。
★HTTP-EQUIV
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息 ...
一、类型选择符
什么是类型选择符？指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型，div,p,span都是。
如下：
body {}
div {}
p {}
span {}
二、群组选择符
对于XHMTL对象，可以对一组同时进行了相同的样 ...
总类（所有HTML文件都有的）
文件类型 <HTML></HTML> （放在档案的开头与结尾）
文件主题 <TITLE></TITLE> （必须放在「文头」区块内）
文头 <HEAD></HEAD> （描述性资料，像是「主题」）
文体 <BODY></BO ...
1—logo：
基本logo特征，符合logo设计基础（平面设计通用）显示器效果：清晰度，最小尺寸（因显示器分辨率而带来的，等同线下平面设计的印刷效果）
2—文字：
内容等级决定字体、字号大小、粗细；状态决定颜色（默认或者根据网站特殊统一）
3—广告、内容图片：
尺寸样式的定位，同一页面的和谐性，图片的优化，位置的节奏，大小对比。
4—icon：
品牌性，表达准确合理，设计手法（依据品牌性），一致性，作用：吸引，醒目，方便识别、理解、操作、记忆。
5—可点击（button)：
区别（不可点击），根据人的生活经验：厚度，可按，质感（实体联想），色彩（品牌性、统一性、对比性）；统一的样式大小（依据里 ...
“丰满”的含义并不代表将一个版面撑满。
每个设计都必须含有一个点子，点子以“产品特性”、“目标消费群”及“卖点”所支撑。整个设计围绕其而发展，统一与一个中心，环环相扣，由浅入深或由深化浅，循序渐进，有 ...
一、如何设定文字字体、颜色、大小 — 使用font
font-style设定斜体，比如font-style: italic;
font-weight设定文字粗细，比如font-weight: bold;
font-size设定文字大小，比如font-size: 12px;（或者9pt，不同单位显示问题参考CSS手册 ...
1.网站越大，CSS样式越多，开始做前，请做好充分的准备和策划，包括命名规则，页面区块划分，内部样式分类等，要具有系统性。
2.li标签前面的图标推荐使用background-image，而不是list-style-image.
3.如果你给一个标签设置了一个 ...
首页代码规范
首页的代码关键在head区，head区是指首页HTML代码的<head>和</head>之间的内容。
head区必须加入的标识
公司版权注释 <!--- The site is designed by yourcompany,Inc 03/2001 --->
网页显示字符集 例如：
简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体中文：<META HTTP-EQUIV=&qu ...
命名规范
文件命名的原则：以最少的字母达到最容易理解的意义。
一般文件及目录命名规范：
每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm
文件名称统一用小写的英文字母、数字和下划线的组合
尽量按单词的英语翻译为名称。例如：feedback(信息反馈)，aboutus(关于我们)
多个同类型文件使用英文字母加数字命名，字母和数字之间用_分隔。例如：news_01.htm。注意，数字位数与文件个数成正比，不够的用0补齐。例如共有200条新闻，其中第18条命名为news_018.htm
图片的命名规范 ：
名称分为头尾两两部分，用下划线隔开。
头部分表示此 ...
1、用GIF图片代替PNG图片
若图片色彩不多，没有羽化部分可以使用。
2、如果希望使用png格式图片作为DOM元素的背景，那么就可以使用滤镜来加载png图片
.png{
background: url(/angel.png) no-repeat !important;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/angel.png");
background:none;
width:100px;
height:100px;
}
...
{min-height:200px;
height:auto !Important;
height:200px;
overflow:visible;
}
min-height 属性允许你指定元素的最小高度，适用于需要平衡布局的情况。
1.不同浏览器的标签默认的外补丁和内补丁不同
问题描述：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。
解决方案：在CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。
2.标签最低高度 ...