div+css如何添加到html中_随笔

在html中添加div+css方式：

1、div可以写在body区域；

<body>

</body>

2、css可以写在<title></title>下的某一区域：

3、或者写入外部文件，然后引用进来；引用方式

引用详细解释：href="xx",xx指的是你的CSS文件所在的路径。rel="stylesheet"和type="text/css"不用变，rel用来定义外部文件和HTML文档之间的关系，type用来说明外部文件的类型。

1、新建一个html页面。

2、在html页面上新建三个div标签，分别为这三个div添加class为:header、main、footer。

3、创建style标签用于设置css样式。在title标签下创建一个style标签，然后为header类设置div的高、背景颜色样式。

4、为显示主要内容的main类设置样式。在style标签里设置main类样式的边框、宽、高、背景颜色。

5、设置底部footer的样式。在style标签里添加footer类样式的背景颜色和高度。

6、保存好html文件后使用浏览器查看效果。

7、在浏览器上看到div标签和浏览器存在一些空白的像素，为了去掉这些空白的像素我们需要把body标签设置外边框。

这是因为你没有为你的菜单设置宽度，因此菜单内部的按钮随着宽度流动到了下面，解决方法：在你的菜单外面加一层div。然后为其设置宽度，代码如下：

<style>

.menu_bar{

width:1000px

}

</style>

</div>

欢迎分享，转载请注明来源：内存溢出

div+css如何添加到html中