HTML学习笔记(四)

1.       css行内样式要注意的问题:

a)     stylekeyword要作为标签的一个属性写在标签内;

b)     等号后面是一对双引號包括的内容。

c)      Style属性和属性之间是用英文的分好分隔开的。

2.       经常使用属性表:



3.       依据样式代码的位置。可分为三类:

a)     行内样式;

b)     内嵌样式;

c)      外部样式。

4.       在最后一个声明(样式的属性行)后面加上一个分号是个好习惯。

5.       内嵌样式的时候,style标签一定要写在head标签的里面。

6.       在定义类选择器名称的时候,前面一定要加上点(.)。在body里面去用类选择器的时候,使用keywordclass。

7.       在定义id选择器名称的时候。前面一定要加上井号(#),在body里面去用id选择器的时候。使用keywordid。

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来表示占领哪一层。


posted @ 2017-04-30 18:14  lytwajue  阅读(144)  评论(0编辑  收藏  举报