怎么给html标签写css样式

html-css011

怎么给html标签写css样式,第1张

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属性相同即可

外联式的css如下:

<link type="text/css" href="css/fkjc.css" rel="stylesheet" />

内联式的css如下:

<style>

……

</style>