今天研究了下css。这东东入门不算难。可是想写出好的样式就得有很深的功底了。按照老大给网址，12天学会网页设计。做下总结吧。css通过div（层）来定位，通过层的margin,padding,border等属性来控制板块的间距。常用的模型是盒状模型。对于margin,padding这两个属性不能定义颜色。举一个例子：
#smaple
{
MARGIN:10px,10px,10px,10px;
PADDING:20px,10px,10px,20px;
BORDER-TOP:#CCC2px solid;
BACKGROUND:url()#FEFEFE no-repeat rightbottom;
COLOR:#666;
TEXT-ALIGN:center;
LINE-HEIGHT:150%;
WIDTH:60%;
}
<DIV ID=sample;
在这个例子中，MARGIN是指层的边框以外留的空白，用于边距或者其他层制造一各间距。若四个边距相同可缩写成MARGIN:10PX;PADDING指层的边框到层内容之间的空白。可以单独指定，如PADDING-LEFT,PADDING-TOP等。若是四个间距都设置，则是按照上右下左顺时针的顺序来指定的。对于BORDER，是指边框到页面之间的距离。看到过一个例子中，有设定LEFT的，不知道这些个TOP,RIGHT,BOTTOM,LEFT,是不是和BORDER-TOP...BORDRE-LEFT都是指该层到页面的距离。老大说不是的，但是具体怎样还得等他的答案。呵呵，不用他说，我想我已经明白了。BORDER-LEFT之类是指左边框。而LEFT是指层距离显示器或者说页面的距离。当然left有时候还指对齐方式。
COLOR,TEXT-ALIGN之类指字体的颜色，对齐方式。而如果对于字体有了多次定义，则以最近的为准。
css层叠样式表不能单独使用，必须在一个html文件之中。调用css只要在<body>中使用<div>来定义。
对于要制作一个网站。第一步：必须首先要定义文档类型，也就是DOCTYPE（DTD)。有transitional,strict,framset三类。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Framset//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml-framset.dtd"> 第二步：要加名字空间，声明之后允许你通过一个网址指向你的标识。<html xmlns=http://www.w3.org.2006/xhtml lang="gb2312">第三步：要定义语言编码.<?xml version="1.0" encoding="gb2313"?> 在head区的设置加入收藏夹，设置站点作者信息，简要介绍，关键词等。
#smaple
{
MARGIN:10px,10px,10px,10px;
PADDING:20px,10px,10px,20px;
BORDER-TOP:#CCC2px solid;
BACKGROUND:url()#FEFEFE no-repeat rightbottom;
COLOR:#666;
TEXT-ALIGN:center;
LINE-HEIGHT:150%;
WIDTH:60%;
}
<DIV ID=sample;
在这个例子中，MARGIN是指层的边框以外留的空白，用于边距或者其他层制造一各间距。若四个边距相同可缩写成MARGIN:10PX;PADDING指层的边框到层内容之间的空白。可以单独指定，如PADDING-LEFT,PADDING-TOP等。若是四个间距都设置，则是按照上右下左顺时针的顺序来指定的。对于BORDER，是指边框到页面之间的距离。看到过一个例子中，有设定LEFT的，不知道这些个TOP,RIGHT,BOTTOM,LEFT,是不是和BORDER-TOP...BORDRE-LEFT都是指该层到页面的距离。老大说不是的，但是具体怎样还得等他的答案。呵呵，不用他说，我想我已经明白了。BORDER-LEFT之类是指左边框。而LEFT是指层距离显示器或者说页面的距离。当然left有时候还指对齐方式。
COLOR,TEXT-ALIGN之类指字体的颜色，对齐方式。而如果对于字体有了多次定义，则以最近的为准。
css层叠样式表不能单独使用，必须在一个html文件之中。调用css只要在<body>中使用<div>来定义。
对于要制作一个网站。第一步：必须首先要定义文档类型，也就是DOCTYPE（DTD)。有transitional,strict,framset三类。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Framset//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml-framset.dtd"> 第二步：要加名字空间，声明之后允许你通过一个网址指向你的标识。<html xmlns=http://www.w3.org.2006/xhtml lang="gb2312">第三步：要定义语言编码.<?xml version="1.0" encoding="gb2313"?> 在head区的设置加入收藏夹，设置站点作者信息，简要介绍，关键词等。
来源：https://www.cnblogs.com/huqianqian/archive/2006/01/04/310942.html