CSS样式表的作用:弥补html语言的不足,缩减页面代码,提高访问速度。
代码减少,页面文件就会小,占用网络带宽就少,客户端打开速度就快,用户体验就会更好。
结构清晰,有利于seo优化,有利于搜索引擎优化,缩短改版时间,对网站的重构有很好的支持。
1:内部样式表
语法: <style type="text/css"> css语句 </style>
注:使用style标记创建样式时,最好将该标记写在<head></head>;
2:外部样式
(1) 语法:
<link rel="stylesheet" type="text/css" href="目标CSS文件的路径及文件名全称" />
说明:使用link元素导入外部样式表时,需将该元素写在文档头部,即<head>与</head>之 间。
rel:用于定义文档关联,表示关联样式表;
type:定义文档类型;
(2)、导入外部样式表
<style type="text/css"> @import url("目标文件的路径及文件名全称"); </style>
说明:@和import之间没有空格 url和小括号之间也没有空格;括号内部加引号,必须结尾以分号结束