DIV教程之进门级教程 CSS的基础语法
这工具比表格好的唯一就是你可以定义一个ID，想怎么玩它就怎么玩他，表格用来处理显示数据，DIV+css+TABLE就行了，都什么年代了，以前没有DIV，而且386的年代不也一样，现在都奔腾4了1.CSS的语法:
CSS的界说是由三个部分组成:
选择符(selector)，属性(properties)和属性的取值(value)。
语法:selector{property:value}(选择符{属性:值})
申明:
・选择符是能够是多种情势，通常为你要界说款式的HTML标志，比方BODY、P、TABLE……，你能够经由过程此办法界说它的属性和值，属性和值要用冒号离隔:
例子:body{color:black}，此例的效果是使页面中的笔墨为玄色。
・假如属性的值是多个单词构成，必需在值上加引号，好比字体的称号常常是几个单词的组合:
例子:p{font-family:"sansserif"}(界说段落字体为sansserif)
・假如必要对一个选择符指定多个属性时，我们利用分号将一切的属性和值分隔:
例子:p{text-align:center;color:red}(段落居中分列;而且段落中的笔墨为白色)
2.选择符组
你能够把不异属性和值的选择符组合起来誊写，用逗号将选择符分隔，如许能够削减款式反复界说:
h1,h2,h3,h4,h5,h6{color:green}(这个组里包含一切的题目元素，每一个题目元素的笔墨都为绿色)
p,table{font-size:9pt}(段落和表格里的笔墨尺寸为9号字)
效果完整等效于:
p{font-size:9pt}
table{font-size:9pt}
3.类选择符
用类选择符你可以把不异的元素分类界说分歧的款式，界说类选择符时，在自定类的称号后面加一个点号。假设你想要两个分歧的段落，一个段落向右对齐，一个段落居中，你能够先界说两个类:
p.right{text-align:right}
p.center{text-align:center}
然后用不在分歧的段落里，只需在HTML标志里到场你界说的class参数:
这个段落向右对齐的
这个段落是居中分列的
类选择符另有一种用法，在选择符中省略HTML标志名，如许能够把几个分歧的元素界说成不异的款式:
.center{text-align:center}(界说.center的类选择符为笔墨居中分列)
如许的类能够被使用就任何元素上。上面我们使h1元素(题目1)和p元素(段落)都回为“center”类，这使两个元素的款式都跟从“.center”这个类选择符:
<h1class="center">这个题目是居中分列的</h1>
<pclass="center">这个段落也是居中分列的</p>
注重:这类省略HTML标志的类选择符是我们经后最经常使用的CSS办法，利用这类办法，我们能够很便利的在恣意元素上套用事后界说好的类款式。
4.ID选择符
在HTML页面中ID参数指定了某个单一元素，ID选择符是用来对这个单一元素界说独自的款式。
ID选择符的使用和类选择符相似，只需把CLASS换成ID便可。将上例中类用ID替换:
这个段落向右对齐
界说ID选择符要在ID称号前加上一个“#”号。和类选择符不异，界说ID选择符的属性也有两种办法。上面这个例子，ID属性将婚配一切id="intro"的元素:
#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}(字体尺寸为默许尺寸的110%;粗体;蓝色;背景色彩通明)
上面这个例子，ID属性只婚配id="intro"的段落元素:
p#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}
注重:ID选择符范围性很年夜，只能独自界说某个元素的款式，一样平常只在特别情形下利用。
5.包括选择符
能够独自对某种元素包括干系界说的款式表，元素1里包括元素2，这类体例只对在元素1里的元素2界说，对独自的元素1或元素2无界说，比方:
tablea
{
font-size:12px
}
在表格内的链接改动了款式，笔墨巨细为12象素，而表分外的链接的笔墨仍为默许巨细。
6.款式表的层叠性
层叠性就是承继性，款式表的承继划定规矩是内部的元素款式会保存上去承继给这个元素所包括的其他元素。现实上，一切在元素中嵌套的元素城市承继外层元素指定的属性值，偶然会把良多层嵌套的款式叠加在一同，除非别的变动。比方在DIV标志中嵌套P标志:
div{color:red;font-size:9pt}
……
这个段落的笔墨为白色9号字
(P元素里的内容会承继DIV界说的属性)
注重:有些情形下外部选择符不承继四周选择符的值，但实际上这些都是特别的。比方，上界限属性值是不会承继的，直觉上，一个段落不会同文档BODY一样的上界限值。
别的，当款式表承继碰到抵触时，老是以最初界说的款式为准。假如上例中界说了P的色彩:
div{color:red;font-size:9pt}
p{color:blue}
……
这个段落的笔墨为蓝色9号字
我们能够看到段落里的笔墨巨细为9号字是承继div属性的，而color属性则按照最初界说的。
分歧的选择符界说不异的元素时，要思索到分歧的选择符之间的优先级。ID选择符，类选择符和HTML标志选择符，由于ID选择符是最初加上元素上的，以是优先级最高，其次是类选择符。假如想超出这三者之间的干系，能够用!important提拔款式表的优先权，比方:
p{color:#FF0000!important}
.blue{color:#0000FF}
#id1{color:#FFFF00}
我们同时对页面中的一个段落加上这三种款式，它最初会按照被!important声名的HTML标志选择符款式为白色笔墨。假如往失落!important，则按照优先权最高的ID选择符为黄色笔墨。
7.正文:/*...*/
你能够在CSS中拔出正文来讲明你代码的意义，正文有益于你或他人今后编纂和变动代码时了解代码的寄义。在扫瞄器中，正文是不显现的。CSS正文以"/*"开首，以"*/"开头，以下:
/*界说段落款式表*/
p
{
text-align:center;/*文本居中分列*/
color:black;/*笔墨为玄色*/
font-family:arial/*字体为arial*/
}
</p>
凡是和我讨论客户段效率的全是脑子有问题的，影响的全是图片和FLASH，所以我一直建议一个提交按钮就不要用图片带代替了。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人. 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
页:
[1]