把html的tag和css关联起来
直接指定html标签的样式:
如 :h1,h2,h3{Color:green}
如果想为相同的标签指定不同的css,可以通过如下的办法:
P.righ{text-align:righ}
P.left{text-align:left}
当标签P中的class属性指定为"righ"的时候,就应用{text-align:righ}样式
当没有指定html的标签时候,任何class为"righ"的html标签都应用{text-align:righ}样式
.righ{text-align:righ}
可以通过html标签的id属性指定不同的样式,其应用如下:
#green{color:green}
当某一个标签的ID为green的时候,就应用该样式.
P#green{color:green},该样式应用到id为"green"的p标签.
引用css样式:
引用外部文件的:
head><link rel="stylesheet" type="text/css" href ="mystle.css"></head>
直接写在页面的:
<head>
<style type="text\css">
h1{color:green}
</style>
</head>
也可以直接在html的标签中的style属性指定样式,但是显示的样式没有用css那么丰富
如果一个html表情的样式在css文件里定义了,但是在页面中,也通过写在页面的css定义了,那么外部的css文件中的样式将被继承下来,在两个地方都定义的样式,以页面的css为最终的显示样式.
如 :h1,h2,h3{Color:green}
如果想为相同的标签指定不同的css,可以通过如下的办法:
P.righ{text-align:righ}
P.left{text-align:left}
当标签P中的class属性指定为"righ"的时候,就应用{text-align:righ}样式
当没有指定html的标签时候,任何class为"righ"的html标签都应用{text-align:righ}样式
.righ{text-align:righ}
可以通过html标签的id属性指定不同的样式,其应用如下:
#green{color:green}
当某一个标签的ID为green的时候,就应用该样式.
P#green{color:green},该样式应用到id为"green"的p标签.
引用css样式:
引用外部文件的:
head><link rel="stylesheet" type="text/css" href ="mystle.css"></head>
直接写在页面的:
<head>
<style type="text\css">
h1{color:green}
</style>
</head>
也可以直接在html的标签中的style属性指定样式,但是显示的样式没有用css那么丰富
如果一个html表情的样式在css文件里定义了,但是在页面中,也通过写在页面的css定义了,那么外部的css文件中的样式将被继承下来,在两个地方都定义的样式,以页面的css为最终的显示样式.
浙公网安备 33010602011771号