零基础到精通cssDreamweaver8的CSS层叠样式详解.docx

嵌入样式：

是在内写css代码

eg：

body{background-color=”red”;}

引用样式表：

是通过link中的href进行链接到已经写好的css文件中。

位置也是在标签中。

eg：

注意：

html的注释是//注释内容（在css或者javas中插入一行注释）；

—注释内容-->；/*注释内容*/（在css或者javascript中插入多行注释）；

下面说下css基本语法和种类：

语法是由至少一条声明构成的，声明是说明html选择器所在网页中呈现的样式。

它是由选择器，属性、属性值组成的。

格式是选择器{属性：

“属性值”...}属性和属性值之间是冒号，属性值要用英语的双引号引起来。

一个选择器可以有多个属性。

三个种类：

分别是标记选择器、类选择器和id选择器三种……

（1）标记选择器：

是html特有的，不需要自己定义~html自带的选择器。

如：

h1…h6、p、body等等

（2）类别选择器：

定义的时候标志是#使用的时候名称前用到class=“选择器名称”如#mypage{font-color=“red”；}

（3）Id选择器：

定义的时候名称前面的那标志是一个黑色的点，用的时候用到id=“选择器名称”如.conten{font-size=“16px”；}

标签：

!

DOCTYPE

说明：

指定了HTML文档遵循的文档类型定义（DTD）。

标签：

a

说明：

标明超链接的起始或目的位置。

标签：

acronym

说明：

标明缩写词。

标签：

address

说明：

特定信息，如地址、签名、作者、此文档的原创者。

标签：

applet

说明：

在页面上放置可执行内容。

标签：

area

说明：

定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联URL。

标签：

attribute

说明：

以对象的形式代表了HTML元素的标签属性或属性。

标签：

b

说明：

指定文本应以粗体渲染。

标签：

base

说明：

指定一个显式URL用于解析对于外部源的链接和引用，如图像和样式表。

标签：

basefont

说明：

设置渲染文本时作为默认字体的基础字体值。

标签：

bdo

说明：

允许作者为选定文本片断禁用双向法则。

标签：

bgsound

说明：

允许页面带有背景声音或创建音轨。

标签：

big

说明：

指定内含文本要以比当前字体稍大的字体显示。

标签：

blockquote

说明：

设置文本中的一段引语。

标签：

body

说明：

指定文档主体的开始和结束。

标签：

br

说明：

插入一个换行符。

标签：

button

说明：

指定其中所含的HTML要被渲染为一个按钮。

标签：

caption

说明：

指定表格的简要描述。

标签：

center

说明：

将后面的文本和图像居中显示。

标签：

cite

说明：

用斜体显示标明引言。

标签：

clientinformation

说明：

包含关于Web浏览器的信息。

标签：

clipboarddata

说明：

提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用。

标签：

code

说明：

指定代码范例。

标签：

col

说明：

指定基于列的表格默认属性。

标签：

colgroup

说明：

指定表格中一列或一组列的默认属性。

标签：

comment

说明：

标明不可见的注释.

标签：

currentStyle

说明：

代表了在全局样式表、内嵌样式和HTML标签属性中指定的对象格式和样式。

标签：

custom

说明：

代表了一个用户自定义元素。

标签：

datatransfer

说明：

提供了对于预定义的剪贴板格式的访问，以便在拖曳操作中使用。

标签：

dd

说明：

在定义列表中表明定义。

定义通常在定义列表中缩进。

标签：

defaults

说明：

编程设置元素行为的默认属性。

标签：

del

说明：

表明文本已经从文档中删除。

标签：

dfn

说明：

表明术语的定义实例。

标签：

dir

说明：

引起目录列表。

标签：

div

说明：

指定渲染HTML的容器。

标签：

dl

说明：

引起定义列表。

标签：

document

说明：

代表给定浏览器窗口中的HTML文档。

标签：

dt

说明：

在定义列表中表明定义术语。

标签：

em

说明：

强调文本，通常以斜体渲染。

标签：

embed

说明：

允许嵌入任何文档。

标签：

event

说明：

代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态。

标签：

external

说明：

允许访问由MicrosoftInternetExplorer浏览器组件宿主应用程序提供的附加对象模型。

标签：

fieldset

说明：

在字段集包含的文本和其它元素外面绘制一个方框。

标签：

font

说明：

指定用于渲染所包含文本的新字体、大小和颜色。

标签：

frame

说明：

在FRAMESET元素内指定单个框架。

标签：

frameset

说明：

指定一个框架集，用于组织多个框架和嵌套框架集。

标签：

from

说明：

指定所包含控件在表单中起作用。

标签：

head

说明：

提供了关于文档的无序信息集合。

标签：

history

说明：

包含了用户已浏览的URL的信息。

标签：

hn

说明：

以标题样式渲染文本。

标签：

hr

说明：

绘制水平线。

标签：

html

说明：

表明文档包含HTML元素。

MicrosoftInternetExplorer6的新增内容当你使用!

DOCTYPE声明指定标准兼容模式，此元素将代表画布──也就是文档内容将渲染到的整个表面。

标签：

i

说明：

指定文本应以斜体渲染，若可用的话。

标签：

iframe

说明：

创建内嵌浮动框架。

标签：

input

说明：

创建各种表单输入控件。

标签：

inputtype=button

说明：

创建按钮控件。

标签：

inputtype=checkbox

说明：

创建复选框控件。

标签：

inputtype=file

说明：

创建文件上载控件，该控件带有一个文本框和一个浏览按钮。

标签：

inputtype=hidden

说明：

传输关于客户/服务器交互的状态信息。

标签：

inputtype=image

说明：

创建一个图像控件，该控件单击后将导致表单立即被提交。

标签：

inputtype=password

说明：

创建与INPUTtype=text控件类似的单行文本输入控件，不过其中并不显示用户输入的内容。

标签：

inputtype=radio

说明：

创建单选钮控件。

标签：

inputtype=reset

说明：

创建一个按钮，该按钮单击后将重置表单控件为其默认值。

标签：

inputtype=submit

说明：

创建一个按钮，该按钮单击后将提交表单。

标签：

inputtype=text

说明：

创建一个单行的文本输入控件。

标签：

ins

说明：

指定被插入到文档中的文本。

标签：

isindex

说明：

使浏览器显示一个对话框，提示用户输入单行文本。

标签：

kdb

说明：

以固定宽度字体渲染文本。

标签：

label

说明：

为页面上的其它元素指定标签。

标签：

legend

说明：

在fieldSet对象绘制的方框内插入一个标题。

标签：

li

说明：

引起列表中的一个项目。

标签：

link

说明：

允许当前文档和外部文档之间建立连接。

标签：

listing

说明：

以固定字体渲染文本.

标签：

location

说明：

包含关于当前URL的信息。

标签：

map

说明：

包含客户端图像映射的坐标数据。

标签：

marquee

说明：

创建一个滚动的文本字幕。

标签：

menu

说明：

创建一个项目的无序列表。

标签：

meta

说明：

向服务器和客户端传达关于文档的隐藏信息。

标签：

namespace

说明：

向文档中动态导入一个元素行为。

标签：

navigator

说明：

包含关于Web浏览器的信息。

标签：

nextID

说明：

创建编辑软件可以读取的唯一标识符。

标签：

nobr

说明：

不换行渲染文本。

标签：

noframes

说明：

包含对于那些不支持FRAMESET元素的浏览器使用的HTML。

标签：

noscript

说明：

指定要在不支持脚本的浏览器显示的HTML。

标签：

object

说明：

向HTML页面中插入对象。

标签：

ol

说明：

绘制文本的编号列表。

标签：

optgroup

说明：

允许作者对select元素中的选项进行逻辑分组。

标签：

option

说明：

引起select元素中的一个选项。

标签：

p

说明：

引起一段。

标签：

page

说明：

代表styleSheet中的一条@page规则。

标签：

param

说明：

设置applet、embed或object元素的属性初始值。

标签：

popup

说明：

一种特殊的顶层窗口，主要用于出现在应用程序主窗口之外的对话框、消息框和其它临时窗口。

标签：

pre

说明：

以固定宽度字体渲染文本。

标签：

q

说明：

分离文本中的引语。

标签：

rt

说明：

指明ruby元素的注音文本。

标签：

ruby

说明：

指明要放置在文本串之上或内嵌的注解或发音指南。

标签：

rule

说明：

代表了层叠样式表（CSS）中由选择符和一个或多个声明组成的的样式

标签：

runtimestyle

说明：

代表了居于全局样式表、内嵌样式和HTML标签属性指定的格式和样式之上的对象的格式和样式。

标签：

s

说明：

以删除线字体渲染文本。

标签：

samp

说明：

指定代码范例。

标签：

screen

说明：

包含关于客户屏幕和渲染能力的信息。

标签：

script

说明：

为脚本指定由脚本引擎解释的脚本。

标签：

select

说明：

引起列表框或下拉框。

标签：

selection

说明：

代表了当前激活选中区，即高亮文本块，和/或文档中用户可执行某些操作的其它元素。

标签：

small

说明：

指定内含文本要以比当前字体稍小的字体显示。

标签：

span

说明：

指定内嵌文本容器。

标签：

strike

说明：

以删除线字体渲染文本。

标签：

strong

说明：

以粗体渲染文本。

标签：

style

说明：

代表了给定元素所有可能的内嵌样式的当前设置。

标签：

stylesheet

说明：

代表了文档中单一的样式表

标签：

sub

说明：

指定内含文本要以下标的形式显示，通常比当前字体稍小。

标签：

sup

说明：

指定内含文本要以上标的形式显示，通常比当前字体稍小。

标签：

table

说明：

指定所含内容要组织成行列的表格。

标签：

tbody

说明：

指明行作为表格主体。

标签：

td

说明：

指定表格中的单元格

标签：

textarea

说明：

指定多行文本输入控件。

标签：

textnode

说明：

将文本字符串代表为文档层次中的结点。

标签：

textrange

说明：

代表HTML元素中的文本。

标签：

textrectangle

说明：

指定包含元素或TextRange对象中一行文本的矩形。

标签：

tfoot

说明：

指明行作为表尾。

标签：

th

说明：

指定标题列。

标题列将在单元格中居中并以粗体显示。

标签：

thead

说明：

指明行作为表头。

标签：

title

说明：

包含文档的标题。

标签：

tr

说明：

指定表格中的一行。

标签：

tt

说明：

以固定宽度字体渲染文本。

标签：

u

说明：

带下划线渲染文本。

标签：

ul

说明：

绘制文本的项目符号列表。

标签：

userprofile

说明：

提供了允许脚本对用户配置信息请求读取访问并执行读取操作的方法。

标签：

var

说明：

定义编程变量。

通常以斜体渲染。

标签：

wbr

说明：

向一块nobr文本中插入软换行。

标签：

window

说明：

代表浏览器中一个打开的窗口。

标签：

xml

说明：

在HTML页面上定义一个XML数据。

标签：

xmp 

说明：

以固定宽度字体渲染作为示例的字体。

二、HTML标记属性

标签：

!

important

说明：

增加特定规则的重要性。

标签：

:

active

说明：

设置当链接处于激活状态时a元素的样式。

标签：

:

first-letter

说明：

在对象的第一个字符上应用一个或多个样式。

标签：

:

hover

说明：

设置当用户将鼠标指针悬停在链接上时a元素的样式。

标签：

:

link

说明：

设置当链接最近没有访问过时a元素的样式。

标签：

:

visited

说明：

设置当链接最近访问过时a元素的样式。

标签：

@charset

说明：

设置外部样式表的字符集。

标签：

@font-face

说明：

设置要嵌入HTML文档的字体。

标签：

@import

说明：

导入一个外部样式表。

标签：

@media

说明：

设置styleSheet对象中一组规则的媒体类型。

标签：

@page

说明：

设置styleSheet中页面框的尺寸、方向和边距。

标签：

abbr

说明：

设置或获取对象的缩写文本。

标签：

accelerator

说明：

设置或获取表明对象是否包含快捷键的字符串。

标签：

accept

说明：

设置或获取以逗号分隔的内容类型列表。

标签：

acceptcharset

说明：

设置或获取处理表单的服务器必须接受的输入数据所用的字符编码方式列表

标签：

accesskey

说明：

设置或获取对象的快捷键。

标签：

action

说明：

设置或获取表单内容要发送处理的URL。

标签：

activeelement

说明：

获取当父document拥有焦点时获得焦点的对象。

标签：

align

说明：

设置或获取对象针对其邻接文本如何排列。

标签：

alink

说明：

设置或获取元素中所有激活链接的颜色。

标签：

alinkcolor

说明：

设置或获取元素中所有激活链接的颜色。

标签：

allowtransparency

说明：

设置或获取对象是否可为透明。

标签：

additive

说明：

设置或获取表明动画是否附加到其它动画的值。

标签：

alt

说明：

设置或获取用于替代图像的文本。

标签：

altHTML

说明：

设置可选的若对象装载失败时要执行的替换HTML脚本。

标签：

altkey

说明：

设置或获取Alt键的状态。

标签：

altleft

说明：

设置或获取左Alt键的状态。

标签：

appcodename

说明：

获取浏览器的代码名称。

标签：

application

说明：

表明对象的内容是否为HTML应用程序（HTA），从而免除浏览器的安全模型。

标签：

appminorversion

说明：

获取应用程序的次版本值。

标签：

appname

说明：

获取浏览器的名称。

标签：

appversion

说明：

获取浏览器运行的平台和版本。

标签：

archive

说明：

设置或获取可用于实现对象的你自己的archive功能的字符串。

标签：

atomicselection

说明：

指定元素及其内容是否必须以一不可见单位统一选择。

标签：

autocomplete

说明：

设置或获取对象的自动完成状态。

标签：

availheight

说明：

获取系统屏幕的工作区域高度，排除MicrosoftWindows任务栏。

标签：

availwidth

说明：

获取系统屏幕的工作区域宽度，排除Windows任务栏。

标签：

axis

说明：

设置或获取以逗号分隔的与对象关联的概念分类列表。

标签：

background

说明：

设置或获取对象最多五个独立的背景属性。

标签：

backgroundattachment

说明：

设置或获取背景图像如何附加到文档内的对象中。

标签：

backgroundcolor

说明：

设置或获取对象内容后的颜色。

标签：

backgroundimage

说明：

设置或获取对象的背景图像。

标签：

backgroundposition

说明：

设置或获取对象背景的位置。

标签：

backgroundrepeat

说明：

设置或获取对象的backgroundImage属性如何平铺。

标签：

balance

说明：

 设置或获取表明背景声音的音量如何分配在左右扬声器的值。

标签：

banner

说明：

使用event对象获取高级流重定向器（ASX）文件中项目的Banner内容。

标签：

bannerabstract

说明：

获取ASX文件项的BannerAbstract内容。

标签：

basher

说明：

获取可找到对象标签的URL字符串。

这通常是对象所在文档的href，或者由base元素设置的值。

标签：

behavior

说明：

设置或获取文本如何在字幕中滚动

标签：

bgcolor

说明：

设置对象后面的背景颜色。

标签：

bgproperties

说明：

设置或获取背景图片的属性。

标签：

blockdirection

说明：

获取表明块元素内容的绕排方向的值，是由左至右，还是由右至左。

标签：

border

说明：

设置或获取绘制对象周围边框的属性。

标签：

borderbottom

说明：

设置或获取对象下边框的属性。

标签：

borderbottomcolor

说明：

设置或获取对象下边框的颜色。

标签：

borderbottomstyle

说明：

设置或获取对象下边框的样式。

标签：

borderbottomwidth

说明：

设置或获取对象下边框的宽度。

标签：

bordercollapse

说明：

设置或获取表明表格行和单元格边框是组合为单一边框还是像标准HTML那样分离。

标签：

bordercolor

说明：

设置或获取对象的边框颜色。

标签：

bordercolordark

说明：

设置或获取用于绘制对象3D边框的两种颜色的一种。

标签：

bordercolorlight

说明：

设置或获取用于绘制对象3D边框的两种颜色的一种。

标签：

borderleft

说明：

设置或获取对象左边框的属性。

标签：

borderleftcolor

说明：

设置或获取对象左边框的颜色。

标签：

borderleftstyle

说明：

设置或获取对象左边框的样式。

标签：

borderleftwidth

说明：

设置或获取对象左边框的宽度。

标签：

borderright

说明：

设置或获取对象右边框的属性。

标签：

borderrightcolor

说明：

设置或获取对象右边框的颜色。

标签：

borderrightstyle

说明：

设置或获取对象右边框的样式。

标签：

borderrightwidth

说明：

设置或获取对象右边框的宽度。

标签：

borderstyle

说明：

设置或获取对象上下左右边框的样式。

标签：

bordertop

说明：

设置或获取对象上边框的属性。

标签：

bordertopcolor

说明：

设置或获取对象上边框的颜色。

标签：

bordertopstyle

说明：

设置或获取对象上边框的样式。

标签：

bordertopwidth

说明：

设置或获取对象上边框的宽度。

标签：

borderwidth

说明：

设置或获取对象上下左右边框的宽度。

标签：

bottom

说明：

设置或获取围绕对象内容的矩形下边坐标。

标签：

bottom

说明：

bottom设置或获取对象相对于文档层次中下个定位对象的底部的位置。

标签：

bottommargin

说明：

设置或获取整个页面主体的底部边距。

标签：

boundingheight

说明：

获取绑定TextRange对象的矩形的高度。

标签：

boundingleft

说明：

获取绑定TextRange对象的矩形左边缘和包含TextRange对象的左侧之间的距离。

标签：

boundingtop

说明：

获取绑定TextRange对象的上边缘和包含TextRange对象的顶边之间的距离。

标签：

boundingwidth

说明：

获取绑定TextRange对象的矩形的宽度。

标签：

browserlanguage

说明：

获取浏览器的当前语言。

标签：

bufferdepth

说明：

设置或获取用于画面外位图缓冲颜色的每像素位数。

标签：

button

说明：

设置或获取用户所按的鼠标按钮。

标签：

cancelbubble

说明：

设置或获取当前事件是否要在事件句柄中向上冒泡。

标签：

canhavechildren

说明：

获取表明对象是否可以包含子对象的值。

标签：

canhavehtml

说明：

获取表明对象是否可以包含丰富的HTML标签的值。

标签：

caption

说明：

获取表格的caption对象。

标签：

cellindex

说明：

获取对象于所在行的cells集合中的位置。

标签：

cellpadding

说明：

设置或获取介于单元格边框和单元格内容之间的空间总量。

标签：

cellspacing

说明：

设置或获取表格中单元格之间的空间总量。

标签：

ch

说明：

设置或获取可用于实现对象的你自己的ch功能的字符串。

标签：

charset

说明：

设置或获取用于解码对象的字符集。

标签：

checked

说明：

设置或获取复选框或单选钮的状态。

标签：

choff

说明：

设置或获取可用于实现对象的你自己的chOff功能的字符串。

标签：

cite

说明：

设置或获取关于对象的参考信息。

标签：

classid

说明：

设置或获取对象的类标识符.

标签：

classname

说明：

设置或获取对象的类。

标签：

clear

说明：

设置或获取对象是否允许在其左侧、右侧或两边放置浮动对象，以防下段文本显示在浮动对象上。

标签：

clientheight

说明：

获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。

标签：

clientleft

说明：

获取offsetLeft属性和客户区域的实际左边之间的距离。

标签：

clienttop

说明：

获取offsetTop属性和客户区域的实际顶端之间的距离。

标签：

clientwidth

说明：

 获取对象的宽度，不计算任何边距、边框、滚动条，但包括该对象的补白

标签：

clientx

说明：

设置或获取鼠标指针位置相对于窗口客户区域的x坐标，其中客户区域不包