一个传统的前端框架的布局
2019独角兽企业重金招聘Python工程师标准>>>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>覃光林测试</title>
<style>
header {
width: 1000px;
height: 50px;
background: red;
margin: 0 auto;
color: white;
text-align: center;
}
nav {
width: 1000px;
height: 50px;
background: blue;
color: white;
text-align: center;
margin: 0 auto;
}
section {
margin: 0 auto;
width: 1000px;
height: 500px;
color: white;
text-align: center;
margin: 0 auto;
}
aside {
float: left;
width: 300px;
height: 500px;
background: green;
color: white;
text-align: center;
margin: 0 auto;
}
article {
float: right;
height: 500px;
width: 700px;
color: white;
text-align: center;
background: pink;
margin: 0 auto;
}
footer {
width: 1000px; height: 50px;
background: gray;
color: white;
text-align: center;
margin: 0 auto;
} </style>
</head>
<body> <!--头部-->
<header>头部</header>
<nav>导航</nav>
<!--主题--> <section>主题</section>
<!--侧边栏--> <aside>侧边栏</aside>
<!--文章--> <article>文章</article> </section>
<!--底部--> <footer>底部</footer>
</body>
</html>
转载于:https://my.oschina.net/u/3222944/blog/1797884
一个传统的前端框架的布局相关推荐
- 实战 | 尝鲜 Svelte 前端框架,开发读书笔记
提到前端开发框架,我相信大家第一时间想到的就是 Vue.React 和 Angular 三大主流.毕竟它们各个都是 GitHub 上 10w+ star 的知名项目,每个前端工程师至少要学习其中一个框 ...
- 尝鲜 Svelte 前端框架,开发读书笔记
作者鱼皮 来源 | 鱼皮客栈(id:coder_yupi) 提到前端开发框架,我相信大家第一时间想到的就是 Vue.React 和 Angular 三大主流.毕竟它们各个都是 GitHub 上 10w ...
- 2020 非常火的 11 个微前端框架
点击"开发者技术前线",选择"星标????" 让一部分开发者看到未来 作者 | Jonathan Saring 译者 | Flora https://itnex ...
- 2020 非常火的11个微前端框架
点击上方"Github中文社区",关注 看遍Github,每天提升 作者 | Jonathan Saring 译者 | Flora https://itnext.io/11-mic ...
- H5前端框架推荐合集 (转)
Ionic ionic 吧开发流程都帮你做好了,已经不再是单纯的UI框架,而是开发框架了,非常适合快速开发.基于angular2,丰富的UI组件,大大改进的编程模型, Semantic UI 中文官网 ...
- 2018 年,React 将独占web前端框架鳌头?
相比 Angular 和 Vue, React 是 2017 年的主要 JS 框架,尤其是 React Native 以前所未有的速度提升自己. Stateofjs 2017前端框架调查结果 相比 ...
- 10大html5前端框架
Bootstrap 首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气.自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者 ...
- 2020年最新前端框架大全,Web工程师人手一份!
今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具,希望对你有所帮助. 一.构建工具 1. Parcel 地址:https://parceljs.org Parcel是一款极速零配置WEB应用打 ...
- Web 组件即将取代前端框架?!| 技术头条
[CSDN 编者按]提起前端开发,不少开发者首先会对主流技术框架如 Vue.React.Angular 进行一番对比之后,选择相应的技术架构. 在此,随着前端框架的不断升级,其也变得越来越臃肿与复杂, ...
- 2018 年React 将独占前端框架鳌头
相比 Angular 和 Vue, React 是 2017 年的主要 JS 框架,尤其是 React Native 以前所未有的速度提升自己. Stateofjs 2017前端框架调查结果 相比较 ...
最新文章
- EF 查看生成的SQL语句
- 10个帮助你快速调试和排错的小技巧
- mysql分布式安装可靠读写案列图解,高并发下的分布式锁-mysql篇
- 十一资讯 | 字节跳动进军汽车云;Twitch被黑;Facebook宕机;Netfilx收购游戏公司……...
- html app从上向下弹框,移动端从底部向上过渡弹出弹框
- C#/.Net开发入门篇(1)——开发工具安装
- 逻辑回归线性支持向量机
- 4 读写文件_WEB安全之SQL注入(4)——读写文件
- Java for LeetCode 231 Power of Two
- Visitor(访问者)
- android手机网络Ping测试
- 面试官:如何实现单行/多行文本溢出的省略样式?
- css3直线运动_【转载】运动曲线提升CSS动画效果
- Android应用网络限制功能实现
- Win7计算机内存不足,请保存文件并关闭这些程序
- 【安卓学习之常见问题】百度地图卫星地图精度不够
- pytorch 数据加载和处理
- 2022年零基础自学网络安全/Web安全,看这一篇就够了
- JS 获取url参数以及中文乱码问题
- HGOI 20190711 题解
热门文章
- java就业凉_【哔哩哔哩】秋招凉经 Java篇
- 因在Java中不会优雅地判空,被CTO屌的快哭了。。。
- 老码农最后都去哪了?
- mint ui css覆盖,vue中配置mint-ui报css错误问题的解决方法
- nodejs操作sqlserver数据_SQL Server数据库损坏和修复
- ubuntu安装注意事项:
- oracle12c dba或者sys身份的账户和密码,怎么一次性安装好oracle 12c依赖包
- mql 查询多结果_MQL入门到精通EA教程第六课MQL语言基础(五)
- Python实现桌面程序:PyQt5 + QtDesigner -- 界面设计与逻辑编写
- java实践_java基础实践