html和css的简单静态网页代码

具体步骤如下静态网页现阶段主要采用DIV+CSS+Javascript来实现，第一步在桌面上创建一个文本文件第二步将文本名改为quottesthtmlquot扩展名为html或者htm即可，看不见扩展名可以到第三步文件名改好后，右击打开方式。

用chrome打开，按F12调试，左边是HTMl，右边是CSS，仿照着做就行了如下图。

第二步将制作好的静态网页效果图进行PS切片通过PS切片可将一张大的效果图切成多张小图片，以后可直接用在网页上第三步使用HTML5和CSS3进行网页布局，网页布局遵从“先大后小，先外后里”的原则，先将整个静态网。