知识点概述

iframe的应用
html5布局简略
css语法基本术语层叠优先级

1210作业

作业标题：1210作业(iframe与css基础）
作业内容：用iframe写一个简单的小后台; 理解css优先级，并实例图示演示元素样式的四个来源

作业提交一

演示地址: https://php.gzj2001.com/day3/index.html

作业提交二

实战学习

演示环境说明

系统:centos8
web服务器：nginx
php版本:74
IDE:vscode

作业代码合集

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1210作业 PHP中文网后台管理系统</title>
    <link rel="stylesheet" href="//static.gzj2001.com/layui/css/layui.css">
</head>
<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo">PHP中文网后台管理系统</div>
            <!-- 头部区域（可配合layui已有的水平导航） -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item"><a href="../index.html" target="main">控制台</a></li>
                <li class="layui-nav-item"><a href="../404.html" target="main">用户管理</a></li>
                <li class="layui-nav-item"><a href="../day1/index.html" target="main">课程管理</a></li>
                <li class="layui-nav-item"><a href="../day2/index.html" target="main">财务管理</a></li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="https://img.gzj2001.com/logo.jpg" class="layui-nav-img">
                        Allen Chen
                    </a>
                </li>
                <li class="layui-nav-item"><a href="">退出</a></li>
            </ul>
        </div>
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item"><a href="../index.html" target="main">控制台</a></li>
                    <li class="layui-nav-item"><a href="../day3/index1.html" target="main">用户管理</a></li>
                    <li class="layui-nav-item"><a href="../day2/index2.html" target="main">课程管理</a></li>
                    <li class="layui-nav-item"><a href="../day1/index4.html" target="main">文章管理</a></li>
                    <li class="layui-nav-item"><a href="../day1/index1.html" target="main">评论管理</a></li>
                    <li class="layui-nav-item"><a href="../day2/index3.html" target="main">财务管理</a></li>
                    <li class="layui-nav-item"><a href="../day2/index4.html" target="main">系统管理</a></li>
                    <li class="layui-nav-item"><a href="../day2/index5.html" target="main">服务器管理</a></li>
                </ul>
            </div>
        </div>
        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div>
                <iframe src="//www.gzj2001.com" style="width: 100%;height: 850px;" name="main"></iframe>
            </div>
        </div>
        <div class="layui-footer">
            <!-- 底部固定区域 -->
            © www.gzj2001.com 城南花开博客
        </div>
    </div>
</body>
</html>

其他信息

演示地址: https://php.gzj2001.com/day3/index.html
My Blog: https://www.gzj2001.com
My Blog In PHP.cn:https://www.php.cn/blog/linwx611.html

day3-1210作业 iframe后台与css优先级初尝

相关信息

知识点概述

1210作业

作业提交一

作业提交二

实战学习

演示环境说明

作业代码合集

其他信息

相关文章