css布局教程（css布局练习）

css布局的三种机制？

CSS 布局的 3 种机制分别是普通流（标准流）、浮动和定位。

①普通流（标准流）

（1） 块级元素会独占一行，从上向下顺序排列；

常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table

（2） 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行；

常用元素：span、a、i、em等

②浮动

让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。

③定位

将盒子定在浏览器的某一个位置——CSS 离不开定位，特别是后面的 js 特效。

css在网页布局中起到哪些作用？

1、主要用来设计网页的样式，美化网页；2、能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式；3、对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

CSS主要用来设计网页的样式，美化网页；它不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

做静态网页是只需要HTML和CSS就可以实现了吗？需不需要JavaScript？

是需要的，一些特效还是需要js来实现的。

1、一个纯静态网页大致包括html css js 。

2、一般HTML是一个网页的骨架，css是修饰这些骨架的样式，js是实现一些特效的。

3、现在主流的前端是div+css布局来实现的。HTML只用来布局，而css负责所有样式的修饰。

4、这只是pc的静态网页，对于移动端或者是响应式则需要js来参与基本的布局，比较复杂。

html可以自学吗？

我是一名前端，我来回答一下你吧！

1、自学当然可以，不懂的就问度娘，现在的程序员基本都是自学的，建议你好好学学w3c文档，把所有的标签都过一遍，都测试一遍

2、找个网站模仿一下，自己实践一下看看能不能写出不错的页面

3、html并不是单独存在的，你至少还需要学习js 和 css

4、你可能还需要学习切图（photoshop），不过也不是必须的，因为有的ue已经把尺寸给你标注好了，我发现我的很多同事都不会ps。

5、你肯定还需要学习seo相关的知识，比如如何写页面才能更容易被爬虫获取，很多的站点主页是希望被爬虫爬的，当然这对服务器可能会一点考验。

我觉得只要你拼命学，一两月就能入门！

不多说，就3点，适合新手

1、w3cschool.cn，这里面有html的教程，全部是文字

适合手机看，坚持每天看，刚开始可能看不懂，坚持下去就可以了。这种是基础性的东西，编程要好，都需要扎实基础。

2、imooc.com，这里面有很多视频教程，跟着练

这个网站基本是学前端的，也就是HTML这类知识，基础的，高级的，都有。你可以现在免费课程区学习基础的，有视频，都很简短，可以调节语速。也是要坚持看。

3、多编码

无论你学了多少，真正动手编码才是王道，不要觉得累。高手都是从基础的编码开始学习的。当你写程序到达一定程度的时候，知识就像是融入到手指肌肉里面。遇到问题脑袋还没来得及反应，手指就已经敲出代码了。

总结：写得不多，但是很适合新手。贵在坚持。没有人会督促你，学习更多的是靠自己的毅力。