Html
文章平均质量分 82
Superstatus
这个作者很懒,什么都没留下…
展开
-
7小时玩转网页布局开发【新】——2.经典布局之双飞翼布局
优点:先加载中间的数据代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双飞翼演示</title> <style> body{ margin:0; } .contai原创 2018-06-08 13:06:36 · 272 阅读 · 0 评论 -
7小时玩转网页布局开发【新】——3.一栏布局
效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度首页</title> <style type="text/css"> body{ marg原创 2018-06-08 13:18:13 · 176 阅读 · 0 评论 -
7小时玩转网页布局开发【新】——3.二栏布局
效果:代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>人民网框架实现</title> <style type="text/css"> body{ ma原创 2018-06-08 13:19:52 · 167 阅读 · 0 评论 -
7小时玩转网页布局开发【新】——3.混合布局
效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>框架实现</title> <style type="text/css"> body{ marg原创 2018-06-08 13:21:27 · 219 阅读 · 0 评论 -
7小时玩转网页布局开发【新】——4.经典布局之圣杯布局
优点: 比双飞翼更好,可以兼容IE6.0以下版本效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圣杯布局</title> <style type="text/c原创 2018-06-08 15:42:43 · 226 阅读 · 0 评论 -
7小时玩转网页布局开发【新】——5.高级技巧之多列等高
本文解决双飞翼的问题!效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双飞翼演示</title> <style> body{ margin:0; } .con原创 2018-06-08 15:57:42 · 346 阅读 · 0 评论 -
布局①—初探Flex布局
本文第一次展现flex布局学习关键词:display:flex , flex-basis:70% 先来看看效果为什么要用flex布局?(以前不用布局的时候,就用float等等代替,但是像素可能会出现问题,为了解决肉眼看到问题就用flex)首先看看这两篇 : Flex Basis与Width的区别 html+css:display:flex属性好...原创 2018-06-16 08:26:05 · 352 阅读 · 0 评论 -
7小时玩转网页布局开发【新】——1.页面元素定位和CSS布局模型概述
为什么需要元素模型: 布局元素模型分爲三種:流動模型(Flow默认)浮動模型(Float)層模型(Layer) 流动模型(块元素、行内元素、行内块元素) 【块元素】 【行内元素】 【行内块元素】 浮动模型 ...原创 2018-06-07 15:46:21 · 169 阅读 · 0 评论