CSS初步(结合的4种方式)

CSS初步(结合方式)

HTML只负责封装数据,不对显示进行优化

将美化交给DIV+CSS

DIV如何实现与CSS的无缝连接?------>CSS与HTML结合的多种方式

CSS:css就是层叠样式表,有2.0\3.0版本;就是用来实现页面显示特效的.

学习CSS中的多种属性:

CSS与HTML结合的多种方式

1. 所有的HTML标签都有一个叫做:style的标签.这个标签为CSS提供了入口.style属性里写的就是css的代码;
2. style就是用来嵌入CSS代码的;

方式一:

1. 直接在HTML的标签中使用style属性,然后编写CSS的代码即可.例如:
   <div style="color: red; background-color: blue;">div标签一</div>

方式二:

1. 如果一个style多次使用,可以将这个style里的CSS代码提取起来,写在一个地方,让这个代码对同同样的标签都去应用,旨在减少冗余——>在HTML页面的head标签中写< style>标签;

方式三:

1. 在第二种方式下也有缺点,如果多个html页面中,都需要同样的显示效果,这个时候代码还是会冗余;
   方式三是将style里的CSS代码放到文件中去,使用时引入这个CSS文件即可;
   

   
   @import url(style.css);
   

@IMPORT url(div.css);

@IMPORT url(span.css);

方式四:

1. 原理和方式三一样,只是引用的格式不一样:

<link rel="Stylesheet" type="text/css" href="超链接" />

2. CSS文件中的注释只有这一种:/* */