DIV标签内的CSS样式怎么使用

本篇内容主要讲解“DIV标签内的CSS样式怎么使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“DIV标签内的CSS样式怎么使用”吧!

一、介绍与解释DIV标签内CSS样式    

标签内直接嵌入使用CSS样式使用的style属性，具体DIV CSS代码如下：
<div style="font-size:14px; width:100px; height:20px; border:1px solid #999; line-height:20px; color:#F00;">

二、DIV标签内CSS样式使用方法   

可见在DIV中要想直接使用嵌入CSS样式，只需使用style=“...”即可。

CSS知识扩展   

为什么我们不直接在DIV嵌入CSS样式的方法来定义布局网页呢？
答：
1、减少HTML文件的大小
2、方便维护(网页样式外链CSS文件) ：外部CSS文件一改全站样式即改
3、html文件更加优化
4、相同样式的定义重用节约CSS代码。

到此，相信大家对“DIV标签内的CSS样式怎么使用”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！