如何在html中添加css样式

有两种方式

1、在head标签之间添加style标签

2、直接在HTML代码里添加style属性，然后在属性里定义css代码

3、也可以将1中的style标签里的内容放到一个css文件里，然后在html页面引用这个文件也是一样的效果

<link href="css文件路径" rel="stylesheet"> <!--这样就可以了，尽量代码简洁-->

4、下面是我的HTML代码

1、先启动DW软件，新建文档，文档类型选择【</>HTML】-【XHTML1.0】，然后点击【创建】。

2、点击创建后，DW会为你创建一个HTML文件。我们在body标签中加入一个div标签组。

3、然后在div标签中输入下图中的代码，style代表了这个div直接引入了CSS属性值。（div的宽、高、字体颜色），这样就成功啦。属性值要在英文的引号中，否则是不起作用的呢。

嵌入式引入CSS样式方法

1、我们创建一个HTML页面，在body标签中添加一个div标签组。

2、然后在上面的head标签中（title标签下），输入引用CSS的代码style标签。

3、然后在标签中输入一个CSS名称以及相关的样式。要注意看下图的格式，别少输入了。

4、最后在下方的div标签中，引入cass，并输入对应的样式名称。这样就成功引入了CSS样式啦。这就是嵌入式的方法。

1、直接使用行内样式，即在html标签上使用style

<div style="width:100pxheight:100pxbackground:red">div内容</div>

2、先定义css样式，再给html的class属性赋值

<style>

.content{

    width:100px

    height:100px

    background:red

}

</style>

<div class="content">

    div测试内容

</div>

总结：两种方式效果是一致的，只是第二种方式可进行重用，只要html元素class属性相同即可

---