css层叠样式表(一)
今天研究了下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区的设置加入收藏夹,设置站点作者信息,简要介绍,关键词等。