简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 内联框架,CSS及盒模型的相关知识总结-20190703
Blogger Information
Blog 3
fans 0
comment 0
visits 2152
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
内联框架,CSS及盒模型的相关知识总结-20190703
skycheng
Original
820 people have browsed it

实例

<!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. 对于盒 模型中的内外边距, 边框的样式设置有什么不同, 写出你的理解

答:内外边距是只可以设置宽度,不允许设置样式和颜色的,而边框是可以设置样式与颜色

Correction status：qualified

Teacher's comments：代码体现了基本的功能,总结的比较干, 不是特别的到位, 毕竟刚接触, 随着学习的深入, 相信你会有更多的体会
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！