css样式表的引入方式(css样式表)

导读 大家好,我是小曜,我来为大家解答以上问题。css样式表的引入方式,css样式表很多人还不知道,现在让我们一起来看看吧!1、内联样式:2、是...

大家好,我是小曜,我来为大家解答以上问题。css样式表的引入方式,css样式表很多人还不知道,现在让我们一起来看看吧!

1、内联样式:

2、是直接写到元素上,非常不推荐,因为违反了结构,表现分离的原则:

3、<div style="paddding: 5px;">dada</div>内部样式:

4、是写在html的head中,这样的样式适合单独的页面,比如一些专题页面,css就自己用,然后你也不想引用多个文件:

5、div{

6、  background: red;

7、  height: 680px;

8、  width: 680px;

9、}

10、#we{

11、  background: blue;

12、  width: 200px;

13、  height: 200px;

14、}外部样式:

15、应该是做好的一种方式,就是通过link来把样式表引入,修改的话直接在样式表中修改:

16、<link rel="stylesheet" href="style.css">@import:

17、最后一种输入的方式,应该是用@import url(/css/a.css)来引入吧,这种方式在样式表中还可以引入其他样式表,不过我从来没用过。

本文到此讲解完毕了,希望对大家有帮助。

最新文章