静态网页心得 一

静态网页

定义：是指没有后台数据库，不含程序不可交互的网页。你写什么它就显示什么，不会有更改。

在模仿页面制作中遇到的问题

• 结构
• 布局
• 细节

---

结构上

布局上

在制作一个页面之前，首先分析页面布局
[外链图片转存失败(img-X1JgbqXd-1562057004871)(http://www.daqianduan.com/wp-content/uploads/2018/03/html5-768x508.png)]

细节上

主要出现问题的地方

什么是css

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化，如果把HTML比做成一个人head是头body是身体，那么css就是肉，用来修饰个网页

css的基本理念：盒模型 dispaly postion float

盒模型

如果不写任何CSS代码，HTML文档中的元素是按照出现顺序显示的，从上到下，从左到右。这是很自然的处理方式，我们在纸上或者在电脑上写文章也都是按照这种顺序。

具体到一个特定HTML元素的显示，它会被呈现为一个矩形，CSS标准中称之为Box。一个HTML元素占据空间的大小由盒模型决定。在盒模型中，一个盒子由内容、内边距、边框和外边距共同构成，其尺寸也是这四部分的尺寸之和。