CSS外观显示样式有三种:
1、行内式(内联样式):写入标签内部
eg: <h1 style="color:red; font-size:20px;" > 我是一个网页(内容) </h1>
注意:①属性与属性值之间用:隔开 ②多组属性之间用;隔开,并加空格
2、内部样式表:放入<head></head>之间
eg: <head>
<style type="text/css">
h1 {
color:red;
font-size:20px;
}
</sttyle>
</head>
注意:①理论上可以放入任意位置,但是规定还是放入<head>与</head>之间
②在html中,type="text/css"可以省略
③设置的样式只适用于当前页面
3、外部样式表(外链式):
eg: <head>
<link rel="stylesheet" type=type="text/css" href="路径" />
</head>
注意:①需要新建CSS格式的文件,eg: style.css
②在html中引用css文件,以link标签(单标签)引用
③link标签中rel href 必须写,type 可以不写
此类样式表也是实际开发用的最多的一种,因为可以实现结构样式相分离。
|
|