欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

DIV标签内的CSS样式

这里DIVCSS5讲解的是DIV标签内直接使用CSS样式表

目录
  1. 介绍与解释
  2. 用法
  3. 扩展与疑问

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

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

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

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

CSS知识扩展   -   TOP

为什么我们不直接在DIV嵌入CSS样式的方法来定义布局网页呢?
答:
1、减少HTML文件的大小
2、方便维护(网页样式外链CSS文件) :外部CSS文件一改全站样式即改
3、html文件更加优化
4、相同样式的定义重用节约CSS代码
所以推荐大家使用外部CSS文件方式使用CSS样式,一来可以减少文件大小,二来可以方便维护(特别是网站项目中多页面引用同一CSS文件)网页布局与样式。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r131.shtml

我要分享到:
上一篇:CSS合并共享之CSS优化
下一篇:CSS 继承

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2010-05-18 12:09 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。