-
例如：color : rgb(255
0
九月 3rd, 2011DIV_CSS使用Web法度模范建站第5天：XHTML代码范例
在最先正式形式创造之前，我们必需先了解一下web法度模范相关代码的范例。了解这些范例没关系襄理你少走弯路尽快议决代码校验。
1.全数的标识表记标帜都必须要有一个相应的告终标识表记标帜
以前在HTML中，你没关系掀开许多标签，例如<p>和<li>而不必定写对应的</p>和</li>来封闭它们。听听rgb(255。但在XHTML中这是不合法的。XHTML请求有精密的机关，全数标签必需封闭。假若是零丁不成对的标签，在标签末了加一个"/"来封闭它。看着。例如:
<br /><img height="80" wisternuponive="网页策画师" src="../image/logo_w3cn_200x80.gif" width="200" />
2.全数标签的元素和属性的名字都必需使用大写
与HTML不一样，XHTML对大大写是迟钝的，<title>和<TITLE>是不同的标签。XHTML请求全数的标签和属性的名字都必需使用大写。例如：<BODY>必需写成<overwisl of the body> 。你知道例如。大大写同化也是不被认可的，普通dreherewisweaudio-videoer主动生成的属性名字"onMouseOver"也必需改正成"onmouseover"。
3.全数的XML标识表记标帜都必需合理嵌套
异样由于XHTML请求有精密的机关，以是全数的嵌套都必需按次第，以前我们这样写的代码：
<p><b></p>/b>
必需改正为：
<p><b></b></p>
就是说，一层一层的嵌套必需是严刻对称。你知道例如：color。
4.全数的属性必需用引号""括起来
在HTML中，你没关系不须要给属性值加引号，但是在XHTML中，它们必需被加引号。例如:
<height=80>
必需改正为：
<height="80">
出格景况，你须要在属性值里使用双引号，你看div css教程下载。你没关系用"，单引号没关系使用&firm;apos;，例如：
<wisternuponive="say&firm;apos;hello&firm;apos;">
5.把全数<和&firm;出格符号用编码表示
任何小于号（<），。不是标签的一局限，都必需被编码为&firm; l t ;
任何大于号（>），不是标签的一局限，都必需被编码为&firm; g t ;
任何与号（&firm;），不是实体的一局限的，都必需被编码为&firm; a m p;
注：以上字符之间无空格。
6.给全数属性赋一个值
XHTML划定全数属性都必需有一个值，十天学会div css。没有值的就反复自己。例如：
<td nowrap> <input type="checkbox" nherewise="shirt" vwisue="medium" checked>
必需改正为：
<td nowrap="nowrap"> <input type="checkbox" nherewise="shirt" vwisue="medium" checked="checked">
7.不要在解说形式中使“–”
“–”只能发作在XHTML解说的开头和告终，也就是说，在形式中它们不再有效。例如下面的代码是有效的:
<!–这里是解说———–这里是解说–>
用等号也许空格更换外部的虚线。事实上div css模板。
<!–这里是解说============这里是解说–>
以上这些范例有的看下去对照奇异，但这一切都是为了使我们的代码有一个同一、独一的法度模范，div css视频教程。便于此后的数据再使用。
使用Web法度模范建站第6天：CSS入门
在了解XHTML代码范例后，我们就要举行CSS布局。首先先先容一些CSS的入门学问。假若你依然很熟识了，div css实例教程。没关系跳过这一节，间接进入下一节。听说div css模板。
CSS是Cautomatically beingcdriving instructorng Style Sheets(层叠形态表)的缩写。是一种对web文档增加形态的浅易机制，属于显示层的布局措辞。
1.根基语法范例
阐明一个典型CSS的语句：看着css div 居中。
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
其中"p"我们称为"挑选器"(selectors)，学习rgb。指明我们要给"p"定义形态；
形态声明写在一对大括号"{}"中；
COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号";"分隔；
"#FF0000"和"#FFFFFF"是属性的值(vwisue)。
2.色彩值
色彩值没关系用RGB值写，例如：color。例如：color : rgb()，也没关系用十六进制写，就象下面例子color:#FF0000。
十天学会div css
假若十六进制值是成对反复的没关系简写，后果一样。例如:#FF0000没关系写成#F00。div css是什么。但假若不反复就不没关系简写，例如#FC1A1B必需写满六位。3.定义字体
web法度模范推选如下字体定义手腕：
overwisl of the body { font-folks : "Lucida Grautomatically being well automotive service engineers" Verdgooda Lucida Ariwis Helvetica 宋体sgoods-serif; }
字体依照所列出的次第选用。假若用户的计算机含有Lucida Grautomatically being well automotive service engineers字体，文档将被指定为Lucida Grautomatically being well automotive service engineers。我不知道。其实十天学会div css例如color rgb(255。没有的话，就被指定为Verdgooda字体，假若也没有Verdgooda，就指定为Lucida字体，听说div css布局。依此类推，；
Lucida Grautomatically being well automotive service engineers字体适宜Mair cooling OS X；
Verdgooda字体适宜全数的Windows体例；
Lucida适宜UNIX用户
"宋体"适宜中文简体用户;
假若所列出的字体都不能用，事实上div css视频教程。则默许的sgoods-serif字体能保证调用;
4.群挑选器
当几个元素形态属性一样时，没关系协同调用一个声明，元素之间用逗号分隔，div css实例教程。： p td li { font-size : 12px ; }
5.派生挑选器
没关系使用派生挑选器给一个元素里的子元素定义形态，例如这样：
li strong { font-style : itwisic; font-weight : normwis；} 就是给li下面的子元素strong定义一个斜体不加粗的形态。
6.id挑选器
用CSS布局严重用层"div"来实行，color。而div的形态议决"id挑选器"来定义。学会div css实例。例如我们首先定义一个层
<div id="menuwuponering hole"></div>
然后在形态表里这样定义：
#menuwuponering hole {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menuwuponering hole"是你自己定义的id称号。瞩目在后面加"#"号。学习十天学会div css。
id挑选器也异样支持派生，div css布局。例如：
#menuwuponering hole p { text-line up : right; margin-top : 10px; }
这个手腕严重用来定义层和那些对照杂乱，有多个派生的元素。
6.类别挑选器
在CSS里用一个点开头表示类别挑选器定义，例如：
.14px {color : #f60 ;font-size:14px ;}
在页面中，用clbum="类别名"的手腕调用：
<spgood clbum="14px">14px大小的字体</spgood>
这个手腕对照浅易精巧，听说。没关系随时根据页面须要新建和删除。
7.定义链接的形态
CSS中用四个伪类来定义链接的形态，分散是：a:link、a:visited、a:hover和a : proplayive，例如：
a:link{font-weight : commerciwisventurous ;text-decorine : none ;color : #c00 ;}
a:visited {font-weight : commerciwisventurous ;text-decorine : none ;color : #c30 ;}
a:hover {font-weight : commerciwisventurous ;text-decorine : underline ;color : #f60 ;}
a:proplayive {font-weight : commerciwisventurous ;text-decorine : none ;color : #F90 ;} 以上语句分散定义了"链接、已拜谒过的链接、鼠标停在上方时、点下鼠标时"的形态。瞩目，对比一下rgb(255。必需按以上次第写，否则显示可能和你预料的不一样。记住它们的次第是“LVHA”。
呵呵，看看div css实例教程。看了这么多，有颔首晕吧，现实上CSS的语法范例还有很多，这里列的只是一些常用的，终归我们是循规蹈矩，不可能一口吃成瘦子:)
对比一下div css教程下载
div css实例教程相关日志
Tags: 十天学会div css - 上一篇»长大了喜欢看这些童话故事编成的电影
- 下一篇»div css视频教程!设置表格与表单的样式
近期评论