怎么给html标签写css样式

Question

如题所述

Answer 1

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

<div style="width:100px;height:100px;background:red;">div内容</div>

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

<style>
.content{
    width:100px;
    height:100px;
    background:red;
}
</style>

<div class="content">
    div测试内容
</div>

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

Answer 2

<style>
.a{hegith:30px;}
</style>
<div class="a"></div>
等同于
<div class="a" style="height:30px;"></div>