首页 > 资讯中心 > 软件教程 > 引入css

引入css

时间:2024-10-21 00:58:26 来源:互联网  阅读:

引入css

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

css文件怎么引入?HTML中引入CSS文件的几种方法

?概况来说有以下四种:

? ? ? ?1.行内式:也称内联式,在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势;

? ? ? ?2.嵌入式:将CSS样式集中写在网页的

标签对的标签对中;

? ? ? ?3.链接式:跟第4个的导入式都称外部式或者外联式,使用link引用外部CSS文件;

? ? ? ?4.导入式:使用@import引用外部CSS文件;

-----------------------------------------------------A

对于行内式,是刚开始写最容易也最习惯的方式,但这种写法完全体现不出css的优势,如下:

我是行内式写法

一个 页面中如果标签很多,这种写法看起来不好并且显得很累赘,重复性太大,是很不建议的!

-----------------------------------------------------B

嵌入式如果页面比较少的情况下,也是挺不错的选择,但如果对应一个项目页面很多,这样无疑有点灾难性,要修改个样式,或许是大篇幅的相似页

面,但都得一个个的去修改,如下:

登录后复制

这种写法一定程度上避免了页面一种"无样式"现象,页面加载完css才去渲染页面...

-----------------------------------------------------CD

外部式css样式就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在标签内(不是在登录后复制

这种方式会在整个页面加载完成时才引入css文件,很明显的问题就是页面的"裸奔"现象,这个当然从交互和体验的角度考虑是绝对不能接受的

最新更新

更多

软件教程

更多

黔ICP备2023011638号-1

如有侵犯您的权益,请发邮件给3239592717@qq.com