嵌入式样式表怎么写( 三 ) _嵌入式

3、嵌入式
嵌入样式表是在网页文档的头部定义一个<style></style>；标签对，在该标签对内加入各种网页元素的样式规则。
例：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css内嵌样式</title>
</head>
<body>
<style type="text/css">
#div{width:100px;height:100px;background:red;}
</style>
<div id="div"></div>>
</body>
</html>
扩展资料：
在HTML文件里加一个超级链接，引入外部的 CSS 文档。这个方法最方便管理整个网站的网页风格，它让网页的文字内容与版面设计分开。
只要在一个CSS文档内（扩展名为 CSS）定义好网页的风格，然后在网页中加一个超级链接连接到该文档，那么网页就会按照在CSS文档内定义好的风格显示出来。
7. css样式内联式,外联式,嵌入式的格式是什么外联式样式（属于外部样式表）
特征：
1、有一个单独的CSS文件存在！[如：001.css]
2、首先，通过【格式】→【样式表连接】与CSS文件[001.css]建立连接！
3、在合适的地方使用 class="样式名" 调用具体的样式效果！
如：<link href="http://www.xuexi88.com/zhishi/001.css" type="text/css" rel="Stylesheet"/>
嵌入式样式（属于内部样式表）
特征：
1、样式的属性内容以代码的形式[放在 ]写在网页代码中！
2、首先，通过【格式】→【样式】设置样式的属性内容！
3、在合适的地方使用 class="样式名" 调用具体的样式效果！
如： <style type="text/css">
.main{ width:1002px; margin:0 auto;}
</style>
内联式样式（属于内部样式表）
特征：
1、样式的属性内容直接跟在将要修饰的文字标记里[如：
2、具体格式： style="font-size:10px;font-color:#ff0000"
例如：修饰单元格里的文字

文章插图