网页布局day1

作者: 刘绍迪 | 来源:发表于2017-03-10 22:19 被阅读17次

网页布局day1
1.网页布局基础
6、盒子模型边框、圆角、阴影、内外边距、外边距塌陷
网页布局方式
DIV+CSS对SEO网站优化好处有哪些？
京东登录
学习笔记（二）
08-CSS浮动流
CSS-浮动流
浮动

1.布局的思路抓大放小。先从整体上判断网页由几个大的模块组成，比如header、main和footer然后一次性敲出div的数量，有几个大的模块，敲出几个div，并给定类名，相应的在样式style里依次给定基本的宽高背景色，这时候浏览器中会显示基本的网页框架。

2.剥洋葱法，一层一层往下剥，先完成大的div，再做小的，由上往下，从左到右，依次布局。

3.布局中注意溢出的部分用overflow:hidden掩藏，不然就会多出一行挤占已布局的div。

4.布局中，因为重复的代码部分很多，所以可以写出一个以后，把属性copy下来，修改一下具体参数就行了，不要一个一个属性的敲代码。

5.基本布局掌握后，可以找一些网站的布局模仿，或者你家的平面图。

网页布局day1
1.布局的思路抓大放小。先从整体上判断网页由几个大的模块组成，比如header、main和footer然后一次性敲...
1.网页布局基础
网页布局基础什么是网页布局？网页布局是网页制作的基础（DIV+CSS网页布局）分类:流式布局，浮动布局，绝对定...
6、盒子模型边框、圆角、阴影、内外边距、外边距塌陷
1、网页布局的本质网页布局的核心本质：就是利用 CSS 摆盒子。网页布局过程：先准备好相关的网页元素，网页...
网页布局方式
一、网页的布局方式 1、什么是网页的布局方式？网页的布局方式就是指流浪器是如何对网页的元素进行排版的 2、 ...
DIV+CSS对SEO网站优化好处有哪些？
div+css布局是一种网页的布局方法，是目前应用最广泛的网页布局方法。div css布局是把网页用div+css...
京东登录
=============网页内容============== ===========网页布局和样式=======...
学习笔记（二）
网页编写网页编写习惯： ①清空所有的边距； ②从外向内，从上至下的编写网页。网页的布局方式：网页的布局方式其实...
08-CSS浮动流
网页布局方式什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的标准流(文档流/...
CSS-浮动流
浮动网页的布局方式什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的标准流(...
浮动
浮动网页的布局方式什么是网页的布局方式? 网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的标准流...