css样式直接写在<div>中

html-css021

css样式直接写在<div>中,第1张

你只做这个DIV里的链接颜色么？那就给这个DIV里的每个链接写<a style="color:XXXX">，我不建议你这样写，现在做网站还要考虑到优化的因素在里面，你这样把样式和html代码混淆到一起，对搜索引擎是不友好的，这样显得代码太过混乱，不符合W3C标准，也没有把CSS样式的优势发挥出来，你还是用样式写比较好.class a{color:XXXXXX} .class a:hover{color:XXXXX},这样又方便，又清楚明了

有三种常用方式：1、通过id 例：<style>#test{color:red}</style><div id="test" >test</div>

2、通过类名 例：<style>.test{color:blue}</style><div class="test" >test</div>

3、直接放在div标签里 例：<div style="color:purple" >test</div>

将DIV添加进CSS里面,首先我们需要给这个div一个id或者是class,然后获取这个元素的id或者是class，css中书写样式就行了，如果是通用样式的话，我们就可以直接写div，然后加样式就行，请看代码：

<html>

<head>

<style>

#div1{ //Id的写法

width:300px

height:30px

font-size:13px

}

.div1{//class写法

width:300px

height:30px

font-size:13px

}

div{ //通用样式写法

width:300px

height:30px

}

</head>

<body>

<div id='div1' class='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>