引入css的这4种方法你全用过吗?

   在html中要引入css,才能对其html元素内容进行修饰,html是网页的结构部分,css是在html中起修饰也就像房子装修类似的意思,css样式表可以对html里的元素内容进行控制它的大小,颜色,字体等等,html加css就是目前的div+css布局(表格布局的时代过去了),下面讲下引入css的4种方法,不知道你全用过没,请看:

1.行内式,即直接写在标签里,如:

引入css的这4种方法你全用过吗?

2.内链式,即在写head标签里,如:




    
    引入css的这4种方法
    
           p{font-size:16px;color:#000;}
    


     

引入css的这4种方法

3.【推荐】外链式,即引用外部css样式表,如:




    
    引入css的这4种方法
    


     

引入css的这4种方法

4.使用@import,即引用外部css样式表,如:




    
    通过@import引用外部css样式表
    
        @import url(css.css);/*这里是通过@import引用外部css样式表*/
    


     

通过@import引用外部css样式表

   总结:引入css的这4种方法中,第1种行内式和第4种使用@import引入,用的很少而且第4种我做前端这么多年几乎没用过它,行内式尔尔用下,推荐使用第3种外链式,利于网站优化,即seo,搜索引擎喜欢,也便于我们自己的工作。

版权声明:
作者:Joker 链接:https://456787.xyz/archives/2132
文章版权归作者所有,转载请注明出处。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>