后台管理系统(iframe)和HTML样式优先级-青狐资源网

后台管理系统(iframe)和HTML样式优先级

1.后台管理系统

代码：

<!DOCTYPE html><htmllang=“zh-CN”><head><metacharset=“UTF-8”/><metahttp-equiv=“X-UA-Compatible”content=“IE=edge”/><metaname=“viewport”content=“width=device-width, initial-scale=1.0”/><title>后台管理系统</title></head><body><divclass=“box”><header><h2>后台管理系统</h2><divclass=搭建各类项目系统点我wcqh.cn“user”><span>admin</span><button>退出</button></div></header><nav><p><ahref=“../1.16/课程表.html”target=“main”>课程表</a></p><hr/><p><ahref=“../1.16/表单.html”target=“main”>注册表单</a></p><hr/><p><ahref=“../1.17/video.html”target=“main”>小视频</a></p><hr/></nav><main><iframesrc=“../1.16/课程表.html”name=“main”framebor搭建各类项目系统点我wcqh.cnder=“0”></iframe></main></div></body><style>*{ margin:0; padding:0; box–sizing: border–box;} header { width:100wh; height:10vh; background–color: rgb(3,102,3); color: white;} header > h2 {float: left; padding:15px;} header >.user {float: right; padding:20px30px;} header button { padding:06px;} nav {float: left; width:15vw;height搭建各类项目系统点我wcqh.cn:90vh; background–color: bisque; text–align: center; padding–top:50px;} nav > p { margin:10px;} nav > hr { margin:0auto;} nav a { text–decoration: none;} main {float: right; height:90vh; width:80vw;} main > iframe { width:100%; height:100%;}</style></html>

效果图

HTML样式优先级

代码

<!DOCTYPE html><htmllang=“zh-CN”><head><metacharset=“UTF-8”/搭建各类项目系统点我wcqh.cn><metahttp-equiv=“X-UA-Compatible”content=“IE=edge”/><metaname=“viewport”content=“width=device-width, initial-scale=1.0”/><title>Document</title><!– 外部样式 –><linkrel=“stylesheet”href=“./css/style-case.css”/></head><!– 文档样式（内部样式） –><style> h1 { color: yellow;}</style><body><!– 行内样式 –><h1style=“color搭建各类项目系统点我wcqh.cn: red“>wcqh.cn</h1><hr/><h2>HTML元素的样式优先级：</h2><h3>行内样式>文档样式>外部样式</h3></body></html>

批改老师：

PHPz 批改状态：合格老师批语：完成的不错，没什么问题，继续加油

作者最新博文

下载安装vscode和chrome

2023-01-16 19:57:00

1.如需技术支持联系QQ：1339833655 2. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 3. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！ 4. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！ 5. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 6. 如有链接无法下载、失效或广告，请联系管理员处理！ 7. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！ 8. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员！

THE END