-
div css实例,div css布局 div css教程_div css是什么 div css实例
0
七月 13th, 2011DIV_CSS使用Web法式建站第5天：XHTML代码范例
在起初正式形式建造之前，我们必需先了解一下web法式相关代码的范例。了解这些范例能够助理副理你少走弯路尽快经过议定代码校验。
1.全面的记号都必必要有一个相应的完成记号
以前在HTML中，你能够掀开许多标签，例如<p>和<li>而不必然写对应的</p>和</li>来封闭它们。但在XHTML中这是不合法的。XHTML条件有周到的机关，全面标签必需封闭。若是是孑立不成对的标签，在标签末了加一个"/"来封闭它。例如:
<br /><img height="80" ingternnearive="网页打算师" src="../imerbasically/logo_w3cn_200x80.gif" width="200" />
2.全面标签的元素和属性的名字都必需使用大写
与HTML不一样，XHTML对大大写是迟钝的，<title>和<TITLE>是不同的标签。XHTML条件全面的标签和属性的名字都必需使用大写。例如：<BODY>必需写成<heingternneariveh> 。大大写搀和也是不被认可的，通俗drein the morningweaudio-videoer主动生成的属性名字"onMouseOver"也必需编削成"onmouseover"。
3.全面的XML记号都必需合理嵌套
异样由于XHTML条件有周到的机关，于是全面的嵌套都必需按递次，以前我们这样写的代码：
<p><b></p>/b>
必需编削为：
<p><b></b></p>
就是说，一层一层的嵌套必需是肃穆对称。
4.全面的属性必需用引号""括起来
在HTML中，你能够不必要给属性值加引号，但是在XHTML中，它们必需被加引号。例如:
<height=80>
必需编削为：
<height="80">
迥殊处境，你必要在属性值里使用双引号，你能够用"，单引号能够使用&rev;apos;，例如：
<ingternnearive="say&rev;apos;hello&rev;apos;">
5.把全面<和&rev;迥殊符号用编码表示
任何小于号（<），不是标签的一局部，都必需被编码为&rev; l t ;
任何大于号（>），不是标签的一局部，都必需被编码为&rev; g t ;
任何与号（&rev;），不是实体的一局部的，对于div css实例,div css布局 div css教程_div css是什么 div css实例11 divcss视频教程 div css视频教。都必需被编码为&rev; a m p;
注：以上字符之间无空格。
6.给全面属性赋一个值
XHTML礼貌全面属性都必需有一个值，没有值的就反复自己。例如：
<td nowrap> <input type="checkbox" nin the morninge="shirt" vingue="medium" checked>
必需编削为：
<td nowrap="nowrap"> <input type="checkbox" nin the morninge="shirt" vingue="medium" checked="checked">
7.不要在诠释形式中使“–”
“–”只能产生在XHTML诠释的开头和完成，也就是说，在形式中它们不再有效。例如下面的代码是有效的:
<!–这里是诠释———–这里是诠释–>
用等号可能空格调换外部的虚线。
<!–这里是诠释============这里是诠释–>
以上这些范例有的看下去斗劲蹊跷怪僻，但这一切都是为了使我们的代码有一个同一、独一的法式，便于此后的数据再愚弄。
使用Web法式建站第6天：CSS入门
在了解XHTML代码范例后，我们就要举行CSS布局。首先先先容一些CSS的入门学问。若是你仍然很熟识熟练了，能够跳过这一节，间接进入下一节。
CSS是Cbasicallyciphone approved driving instructorng Style Sheets(层叠形式表)的缩写。是一种对web文档增加形式的简便机制，属于浮现层的布局谈话。
1.根基语法范例
分解一个典型CSS的语句：
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
其中"p"我们称为"拣选器"(selectors)，指明我们要给"p"定义形式；
形式声明写在一对大括号"{}"中；
COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号";"分隔；
"#FF0000"和"#FFFFFF"是属性的值(vingue)。
2.神色值
神色值能够用RGB值写，例如：color : rgb()，也能够用十六进制写，就象下面例子color:#FF0000。若是十六进制值是成对反复的能够简写，
第4课httplearning
成果一样。例如:#FF0000能够写成#F00。但若是不反复就不能够简写，例如#FC1A1B必需写满六位。3.定义字体
web法式保举如下字体定义本事：
heingternneariveh { font-folks : "Lucida Grbasically well ottom" Verda newa Lucida Ariing Helvetica 宋体sa news-serif; }
字体遵从所列出的递次选用。若是用户的计算机含有Lucida Grbasically well ottom字体，文档将被指定为Lucida Grbasically well ottom。没有的话，就被指定为Verda newa字体，若是也没有Verda newa，就指定为Lucida字体，依此类推，；
Lucida Grbasically well ottom字体适宜Mair conditioner OS X；
Verda newa字体适宜全面的Windows编制；
Lucida适宜UNIX用户
"宋体"适宜中文简体用户;
若是所列出的字体都不能用，则默许的sa news-serif字体能保证调用;
4.群拣选器
当几个元素形式属性一样时，能够协同调用一个声明，元素之间用逗号分隔，： p td li { font-size : 12px ; }
5.派生拣选器
能够使用派生拣选器给一个元素里的子元素定义形式，例如这样：
li strong { font-style : itingic; font-weight : norming；} 就是给li下面的子元素strong定义一个斜体不加粗的形式。
6.id拣选器
用CSS布局首要用层"div"来达成，而div的形式经过议定"id拣选器"来定义。例如我们首先定义一个层
<div id="menubar basicallysocinearion"></div>
然后在形式表里这样定义：
#menubar basicallysocinearion {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar basicallysocinearion"是你自己定义的id称号。详尽在后面加"#"号。
id拣选器也异样支持派生，例如：
#menubar basicallysocinearion p { text-formnear : right; margin-top : 10px; }
这个本事首要用来定义层和那些斗劲庞杂，有多个派生的元素。
6.类别拣选器
在CSS里用一个点开头表示类别拣选器定义，例如：
.14px {color : #f60 ;font-size:14px ;}
在页面中，用clregrettabaloneylyt="类别名"的本事调用：
<spa new clregrettabaloneylyt="14px">14px大小的字体</spa new>
这个本事斗劲简便矫捷，能够随时根据页面必要新建和删除。
7.定义链接的形式
CSS中用四个伪类来定义链接的形式，阔别是：a:link、a:visited、a:hover和a : in service，例如：
a:link{font-weight : strong ;text-decor : none ;color : #c00 ;}
a:visited {font-weight : strong ;text-decor : none ;color : #c30 ;}
a:hover {font-weight : strong ;text-decor : underline ;color : #f60 ;}
a:in service {font-weight : strong ;text-decor : none ;color : #F90 ;} 以上语句阔别定义了"链接、已拜谒过的链接、鼠标停在上方时、点下鼠标时"的形式。详尽，必需按以上递次写，否则显示可能和你意料的不一样。记住它们的递次是“LVHA”。
呵呵，看了这么多，有颔首晕吧，现实上CSS的语法范例还有很多，这里列的只是一些常用的，到底我们是按部就班，不可能一口吃成瘦子:)
本文链接地址: http://mingyuexiangsi.com/2011/div-css%e5%ae%9e%e4%be%8bdiv-css%e5%b8%83%e5%b1%80%e3%80%80div-css%e6%95%99%e7%a8%8b_div-css%e6%98%af%e4%bb%80%e4%b9%88-div-css%e5%ae%9e%e4%be%8b/
相关日志
Tags: 十天学会div css - 上一篇»依依!美女图小说 社区最新地址在线电影美女图小说
- 下一篇»div css是什么 6063div css视频教程 div css教程
近期评论