HTML新特性-网页排版

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页排版</title>
<style>body{height:700px;}header{width:100%;background:#093;height:10%}footer{width:100%;background:#0F3;height:10%;}#div0{width:100%;height:80%;}#div1{width:20%;background:#F90;height:100%;float:left}#div2{width:80%;background:#06F;height:100%;float:left}
</style>
</head><body>
<header>我是头部</header>
<div id="div0">
<div id="div1"> 我是正文内容</div>
<div id="div2"> 我是正文内容</div>
</div>
<footer>我是底部</footer>
</body>
</html>

运行结果：

HTML新特性-网页排版相关推荐

web前端 --- CSS（04） -- 盒子模型、div+css网页布局、css3新特性
盒子模型 (1)网页标签分类: 行内元素: 块级元素:有宽高,可以设置大小,同时不会让其他块元素默认占据当前行 (2)内边距: 内容和边线之间存在空白区域,空白区域被称为:内边距(padding) 盒 ...
babel css3新特性_2018年面试前端总结
再有两个月,2018就快过完了,因而有必要在年末对2018年的前端学习做一个总结,本文主要从前端面试中的一些基础知识来对前端进行相关的总结.本文根据网络面试题进行总结. 基础知识本部分主要从以下几个 ...
HTML5 中的新特性：
一,用于绘画的 canvas 元素,<canvas>标签替代Flash Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件.<canvas>标签 ...
[交互设计工具/原型创作工具]Axure RP Pro 5.0新特性破解版　注册码
先感谢木的{moond},要不是一次提供了那么多画原型图的工具,我现在还在Word和Visio里面打转呢. 这些软件能试用的我差不多都用了一下,其中觉得Axure的RP Pro 4挺好的,功能包括站点 ...
Chrome 89 新功能一览，性能提升明显，大量 DevTools 新特性！
今天 Chrome 更新了最新版本 Chrome89,新版本在启动.响应速度上更快,同时 CPU 占用率大幅下降. 比如,提供前进后退缓存(20%的页面可瞬时进退)等特性,号称启动速度快了 25%.载 ...
HTML5新特性的学习笔记
HTML5新特性的学习笔记 HTML 超文本标记语言: HyperText Markup Language 这份学习笔记的主要内容是HTML5的新标签基于菜鸟教程的个人向学习笔记菜鸟教程文章目录 ...
《精通CSS》第4章网页排版
<精通 CSS>往期陪读章节: 第 1 章基础知识第 2 章添加样式第 3 章可见格式化模型或许大家会觉得排版都是设计师的工作,前端开发按照已经排版好的设计稿复原就行.当然,这 ...
HTML5十五大新特性
HTML5想必大家都很熟悉了.然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性.一起来看下:1.新的文档类型 (New Doctype)目前许多网页 ...
android5.0后新特性修改标题头,Android5.0中Material Design的新特性
Material Design简介 Material Design是谷歌新的设计语言,谷歌希望寄由此来统一各种平台上的用户体验,Material Design的特点是干净的排版和简单的布局,以此来突出 ...
jdk8新特性 lambda表达式详解
本文主要讲到的内容有: 一- 前言二- 背景三- lambda表达式的语法四- Lambda程序例子 4-1 Runnable Lambda 4-2 Comparator Lambda 4-3 ...

HTML新特性-网页排版

HTML新特性-网页排版相关推荐

最新文章

热门文章