HTML学习笔记(四)
1. css行内样式要注意的问题:
a) style关键字要作为标签的一个属性写在标签内;
b) 等号后面是一对双引号包含的内容;
c) Style属性和属性之间是用英文的分好分隔开的。
2. 常用属性表:
3. 根据样式代码的位置,可分为三类:
a) 行内样式;
b) 内嵌样式;
c) 外部样式。
4. 在最后一个声明(样式的属性行)后面加上一个分号是个好习惯。
5. 内嵌样式的时候,style标签一定要写在head标签的里面。
6. 在定义类选择器名称的时候,前面一定要加上点(.),在body里面去用类选择器的时候,使用关键字class。
7. 在定义id选择器名称的时候,前面一定要加上井号(#),在body里面去用id选择器的时候,使用关键字id。
8. 我们在dreamweaver里面点击css样式栏,然后点击《链接外部样式表》,可以选择《链接》link或者《导入》import方式来链接到外部样式文件。
例如:
<linkhref="css/mystyle.css" rel="stylesheet"type="text/css" />
或者是:
<style type="text/css">
<!--
@import url("css/mystyle.css");
-->
</style>
9. 特殊选择器:
<styletype="text/css">
a{ /* 设置超链接不带下划线,text-decoration表示对文本修饰*/
color:blue;
text-decoration:none;
}
a:hover{ /* 鼠标在超链接上悬停时,带划线*/
color:red;
text-decoration:underline;
}
a:active{ /* 活动链接时,颜色为绿色,并不带下划线*/
color:green;
text-decoration:none;
}
</style>
10. 对于某个HTML标签:
1)如果有多种样式,如果规定的样式没有冲突,则叠加;
2)如果有冲突,则最先考虑行内样式表显示,如果没有,再考虑内嵌样式显示,如果还没有,最后采用外面样式表显示,否则就按HTML的默认样式显示;
11. Div中使用z-index来表示占据哪一层。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。