实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用到<a href="" target="">与<iframe>理解target与name属性之间的关联是如何实现的</title>
<!--此处为内部样式:style标签-->
<style>
p{
color:#f21919
}
</style>
<link rel="static/css/css.css"> <!-- 此处为引用外部样式标签下面段落中用id来引用外部标签-->
<!-- 外部样式中写法: #yellow{ color:red; } -->
</head>
<body>
<!-- 1. 写一案例,要求用到<a href="" target="">与<iframe>理解target与name属性之间的关联是如何实现的 -->
<h2>系统后台管理</h2>
<ul style="float:top;">
<li> <a href="http://www.baidu.com" target="main">用户管理</a> </li>
<li> <a href="class.html" target="main">分类管理</a> </li>
<li> <a href="products.html" target="main">商品管理</a> </li>
<li> <a href="main.html" target="main">系统设置</a> </li>
</ul>
<iframe srcdoc="<h3>网站管理后台</h3>" frameborder="" width="600" height="500" style="float:top" name="main"></iframe></iframe>
<!-- 2. 写一个案例, 演示css中的内联样式,内部样式,外部样式的应用场景,理解style属性, style标签, 以及外部样式表的使用方式 -->
<p style="color:#21e207">老子干的活,对得起,拿的工资,不要跟老子哔哔哔!!!</p> <!--此处为内联样式-->
<p id="yellow">老子干的活,对得起,拿的工资,不要跟老子哔哔哔!!!</p>
<p>老子干的活,对得起,拿的工资,不要跟老子哔哔哔!!!</p>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
3. 对于盒 模型中的内外边距, 边框的样式设置有什么不同, 写出你的理解
答:内外边距是只可以设置宽度,不允许设置样式和颜色的,而边框是可以设置样式与颜色