首页 > 代码库 > CSS与HTML结合

CSS与HTML结合

CSS与HTML结合的4中方式:

1、每个HTML标签都有style属性

2、当页面中有多个标签具有相同样式时,可定义style标签封装样式以复用

       <style type=”text/css”>css代码</style>

3、当多个页面使用相同样式时,可将样式单独封装为CSS文件导入

       <style type=”text/css”>@import url(“1.css”);</style>

4、通过HTML头标签中的link标签链接一个CSS文件

       <link rel=”stylesheet” href=http://www.mamicode.com/”1.css” media属性可选,默认设备屏幕/>

技巧:为提高样式的复用性和可扩展性,将多个样式单独定义并封装为CSS文件,如p.css、div.css……在一个总的CSS文件中,使用import导入这些CSS文件,然后在HTML页面中用link标签将这个总的CSS文件导入即可。

CSS与HTML结合