【原创】HTML&CSS学习笔记(7) ----HTML网页设计的一些模式总结,我觉得很有必要

时间:2019-01-19
本文章向大家介绍【原创】HTML&CSS学习笔记(7) ----HTML网页设计的一些模式总结,我觉得很有必要,主要包括【原创】HTML&CSS学习笔记(7) ----HTML网页设计的一些模式总结,我觉得很有必要使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

网页格式总结的必要性

从《head first  HTML与 CSS》学习,看html的顺便也看了几种网页格式,打算总结下书上的和自己平时接触的网页格式。我不能只是写点代码,如果想要理解html和css  头脑里得有一些好的网页设计格式,模板,范式等,才能更好的去想着怎么使用css css3等好效果。

毕竟html最终是为了实现,漂亮的有意思的网页,html和css代码并不是目的,只是工具和手段。

奔着目的去学习是不是更好些呢,这样学习起来才更有目标性。

 

经典格式总结

(1) 基本的元素的

页面流(默认模式)

流动

自动

绝对模式

相对模式

 

 

 

 

(2) 简书的BLOG格式

应该是BLOG的常用格式

这应该就书上写的所谓的凝胶模式,jello layout

liquid layout   / 流体布局:

         如果浏览器扩大,整个网页布局也会自动扩展,充满整个浏览器 显示区域

         一般来说,默认的模式就这种

        可能的坏处,就是可能因为自动扩展,可能格式会显得不好看,甚至乱了。

frozen layout  / 冻结布局:

          

jello layout     / 凝胶布局:

 

 

 

(2)cnblogs的格式

 

(3)