一、CSS与HTML的较量:
1、HTML的缺陷如下:
1)、维护困难;
2)、标记不足;
3)、网页过“胖”;
4)、定位困难。
二、浏览器与CSS:
在使用CSS制作网页时,一个基本的要求就是主流的浏览器之间的显示效果要基本一致。
三、使用CSS控制页面:
1)、行内样式:行内样式是所有样式中最为直接的一种,它直接将样式写入HTML的标记的style属性中。
行内样式的缺点:后期维护成本高、网页容易过胖。
2)、内嵌式:内嵌式表就是将CSS写在<head>与</head>之间,并且用<style type="text/css">和</style>标记进行声明。
内嵌式的缺点:略微有麻烦,维护成本也不低,仅适用于特殊的页面设置单独的样式风格。
3)、链接样式:链接式CSS样式是使用频率最高,也是最为实用的方法。
链接式样式就是将<link href="样式名称" type="text/css" rel="stylesheet">写在<head>与</head>标记之间。
链接式样式表的最大优势在于CSS代码与HTML代码完全分离,并且同一个CSS文件可以被不同的HTML所链接使用。
4)、导入样式:与链接样式表功能基本相同,只是语法上有些不同,它采用@import方式导入样式表。语法如下:
@import url(样式表名称); 或 @import 样式名称;
导入样式表的最大用处在于可以让一个HTML文件导入很多的样式表。
四、各种方式的优先级问题:
1)、行内样式的优先级最高,其次是采用<link>标记的链接样式,再次是位于<style>和</style>之间的内嵌样式,最后才是@import导入样式。
注意:样式之间采用就近原则。