关于Dw框架html的描述和一些Dw实例
font-size:36px; :复合声明
color:#f00;
} 设置超链接样式也用复合选择器:
a:link 超链接默认状态
a:visited 已经浏览过的链接
a:hover 鼠标经过时 (鼠标经过设 置高亮背景色,可以用方框-填色来扩充高亮区域)
a:active 鼠标点击链接时
此时问题也显现出来了,这样的css链接样式会影响到整个网页;而我们想要的只是导航栏部分。这里就应用到css样式的嵌套了:在选择器前面加上.lead 如下:
.lead a:link{...}
.lead a:visited{...} (.lead是导航栏所在表格应用的类样式;后面空一格)
.lead a:hover{}
.lead a:active{} (其他链接要设置不同的样式,便可以用同样的方法;举一反三)
css样式的嵌套使用:
#one em {
color:#f00
} 将红色的css样式应用于id为one的对象内部的斜体部分(em表示斜体) em后面还可以嵌套---嵌套可以层层嵌套
css的继承:(即:子继承父的css样式 如果把html标签都看作容器,这种继承关系就是容器的嵌套)
这是一个父层
由代码可以看出这是一个父子嵌套关系的二个层:id为small的层嵌套在id为big的层内。
因此如果在head内输入这样的代码:
#big {
text-decoration:underline;
}
文字下划线的css样式会同时应用于父层和子层里的文字;而
#small {
background-color:#F00
}
背景色红色的样式只会应用于子层。
css样式 有三种应用方法:
1上面说的写在head里的是 内嵌式
2还有直接写到对应的html标签里面的是 行内样式
内容
3直接保存为.css文件的 链接式 (可以连接到多个页面,使用方便快捷。推荐使用)
在新建css样式的时候,在选项卡的下面规则定义的位置选择(新建样式表文件);别的页面要使用此样式表文件,点击在css样式面板右下角新建样式左边的链接样式按钮链接到样式表文件的位置。(这个链接的样式表文件可以在代码页面上方源代码右边进入修改)如果要更改链接的样式表文件可以在head里找到
ink href="此处是链接的样式表文件名" rel="stylesheet" type="text/css"/> 修改样式表文件名。
这三种方式的优先级别:
行内样式>内嵌式>链接式 所有我们可以