一、css的声明标签是告诉浏览器应该是用什么形式去解析你,一般为:<!DOCTYPE html> 因为html5支持向下兼容,详细可看上图。
二、css样式的使用方式:
(1)内链样式表:
demo.html
<!DOCTYPE html> <html> <head> <title>内链样式使用</title> <meta charset="utf-8"> </head> <body style="background-color:green; margin:0; padding:0;"> <h1>内链样式使用</h1> <div style="background-color:red;font-size:20px;"> 内链样式使用 <div> </body> </html>
(2)嵌入式样式表:
demo.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>嵌入式样式</title>
<style type="text/css">
<!--HTML标记定义 -->
body{
background:yellow;font-size:20px
}
div{
background:red;font-size:40px
}
</style>
</head>
<body>
<h1>嵌入式样式</h1>
<div>嵌入式样式</div>
</body>
</html>(2)引入式样式表:
demo.htnl
<!DOCTYPE html> <html> <head> <title>引入式样式</title> <meta charset="utf-8"> <!--style.css就是指定的样式,href为指定路径作用--> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>引入式样式</h1> <a href="http://www.baidu.com" target="_blank">百度</a> <br> <p>引入式样式</p> <div>css的html选择器</div> </body> </html>
style.css
/* HTML样式定义 */
body{
background-color:yellow;
color:#fff
}
div{
background:red;font-size:20px
}本文出自 “发酸的牛奶” 博客,请务必保留此出处http://wengmengkai.blog.51cto.com/9016647/1825566
原文:http://wengmengkai.blog.51cto.com/9016647/1825566