CSS是Cascading Style Sheets(层叠样式表)的缩写。如果说HTML是乐高积木的每个零件的话,那么CSS就是它们的组装图纸。没有CSS的HTML就是一盘散沙,乱七八糟。
既然CSS是HTML的组装图纸,那么CSS就能控制HTML元素的一切,包括字体大小、位置、元素形状、颜色等等。大家访问网站的时候,应该都遇到过一种情况,就是有时候打开某个网站,整个页面杂乱不堪。这是由于这个网站的CSS文件没有正常加载,有时候是网速问题,有时候是内部链接问题。出现这个问题时候,一般刷新一次就能变正常,如果刷新还不行,就说明是CSS真的失联了。
如何让CSS和HTML结合起来?
html关联css的方法如下:
一、行内式
使用style属性在特定的HTML标记内设置CSS样式。
建议不要使用内联CSS,因为每个HTML标记都需要单独设置样式,如果您只使用内联CSS,管理网站可能会变得十分困难。但是,它在某些情况下很有用。
二、内嵌式
内嵌css样式就是把css代码放在特定页面的
部分中。内嵌CSS需要放在标签之间。
类和ID可用于引用CSS代码,但它们仅在该特定页面上处于活动状态。每次页面加载时都会下载以这种方式嵌入的CSS样式,这样可以提高加载速度。
在某些情况下使用内嵌样式表很有用,比如:向某人发送页面模板, 因为一切都在一个页面中,所以看到预览要容易得多。
三、外联式
外联式就是使用link标签元素将外部CSS文件(.css文件)引用到HTML页面中,引用需要放在页面的
部分中。