引进css的办法:1、在标签的style特性加上款式;2、在style标识内加上,加进head标识内部结构;3、将css样式撰写在拓展名叫【.css】的文档中,再导进款式,导进在head标识内部结构。
本实例教程作业环境:windows7系统软件、css3版,DELL G3计算机。
引进css的办法:
1、内联款式(行与行款式):在标签的style特性加上款式:
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>业内款式</title>
</head>
<body>
<!--应用业内款式引进CSS-->
<h1 style="color:red;">HTML中文网站</h1>
<p style="color:red;font-size:30px;">HTML中文网站</p>
</body>
</html>
2、内嵌式页面布局(内部结构页面布局):在style标识内加上(加进head标识内部结构)
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>内部结构页面布局</title>
<!--应用内部结构页面布局引进CSS-->
<style type="text/css">
div{
background: green;
}
</style>
</head>
<body>
<div>我就是DIV</div>
</body>
</html>
3、外部样式表:将css样式撰写在拓展名叫.css的文档中,再导进款式,导进在(head标识内部结构)
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>外部样式表</title>
<!--连接式:建议使用-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</html>
有关实例教程强烈推荐:CSS视频教学
以上就是关于怎样引进css的具体内容,大量欢迎关注AdminJS其他类似文章!