HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。即标记越来越多，甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记，这显然有碍于HTML网页的兼容性。于是W3C组织进而重新从SGML中获取营养，随后发布了XML。
XML是一种比HTML更加严格的标记语言，全称是可扩展标记语言（EXtensible Markup Language）。但是XML过于复杂，且当前的大部分浏览器都不完全支持XML。于是XHTML这种语言就派上了用场，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。
而CSS关键就在于其与脚本语言（如Javascript）及XML技术的融合，即CSS+Javascript+XML（实际上有一种更好的融合：XML+XSL+Javascript）??但XSL，即可扩展样式表语言相较于CSS过于复杂，不太容易上手。自从CSS出现之后，HTML终于摆脱了杂乱无章的恶梦，开始将页面内容与样式分离。
流行优势1、符合W3C标准。
2、支持浏览器的向后兼容。
3、搜索引擎更加友好。
4、样式的调整更加方便。
5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽。
6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。
嵌入方式 行内套用可以在HTML文件内直接宣告样式。
举例来说，Thisisfontsize16.
以上的HTML文件在浏览器上会显现为：Thisisfontsize16.
嵌入套用样式可以嵌入于HTML文件中(通常是在 内)。
举例来说， div{background-color:#FF0000;} 背景颜色是红色
以上的HTML会显现出：背景颜色是红色
外部连接套用
在这种方式下，所有的CSS样式宣告都是存在另外一个档案中。
该档案通常名称为.css。
在HTML文件的 .. 之中，我们将用以下的程式码将这个.css档案连接进入：
以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。
汇入套用外部的CSS样式也可以被汇入进HTML文件。
汇入的做法为利用@import这个指令。
@import的语法为：
@import指令最初的用意，是为了能够针对不同的浏览器而运用不同的样式。不过，现在已经没有这个必要。现在用@import的目的，最常是要加入多个CSS样式。当多个CSS样式被@import的方式加入，而不同CSS样式互相有冲突时，後被加入的CSS样式有优先的顺位(详情请见CSS串接)。
还有一种嵌入的方式是直接写在标签上的，不过这种写法有些限制，大多数标签都可以接受这种解法:
文字
查看更多关于div+css产生背景，流行优势等_html/css_WEB-ITnose的详细内容...