divcss制作一个网页布局
工具/原料
html
css
方法/步骤
1、启动一个写html代码的编辑器,比如vscode、webstrom、Hbuilder等ide。如图示例用vs。
2、在左侧空白处右键鼠标在弹出的菜单中选择新建文件。
3、输入文件名称及后缀。如图示例:demo.html文件。
4、输入doc再按下Tab快捷键。由软件自动补全部分默认代码。如图。
5、接下来在head标签中,添加style标签,螅岔出礤在其里面书写我们的样式代码。在其body标签中,书写我们的布局代码div等。
6、代码写完后按ctrl+s保存文件。在我的电脑中找到刚才的文件路径。双击鼠标使用默认的浏览器打开。
7、最后我们刚才输入的代码显示结果如下水貔藻疽,成功实现简单的页面布局。如需更复杂的布局。继续添加其他结构及样式。包括js代码等。