css有几种引入方式

醉折花枝作酒筹
Lepaskan: 2023-01-05 16:10:50
asal
14427 orang telah melayarinya

css有四种引入方式:1、使用“”引入css样式;2、使用“@import"css文件地址"”引入css样式;3、在style标签里写css样式;4、在元素标签里使用style属性写css样式。

css有几种引入方式

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

(1)链接式 : 在网页的

标签对中使用标记来引入外部样式表文件,使用html规则引入外部css (用得比较多) :

Salin selepas log masuk

(2)导入式 : 将一个独立的.css文件引入HTML文件中,导入式使用CSS规则引入外部CSS文件,

Salin selepas log masuk

比较:link引用和import引用区别是:link是html加载前就引用,而import是html加载后才引用。举例,采用impor引用,会先显示无样式的页面,然后再把样式放进去。如果用JavaScript动态引用CSS,得使用link引用方式才可实现。

(3)内联css文件,直接在header 里面写css,如:

Salin selepas log masuk

这种方法的使用情况要少的多,最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来,优点突出,弊端也明显。

优点:速度快,所有的CSS控制都是针对本页面标签的,没有多余的CSS命令;再者不用外链CSS文件。直接在HTML文档中读取样式。

缺点就是改版麻烦些,单个页面显得臃肿,CSS不能被其他HTML引用造成代码量相对较多,维护也麻烦些。但是采用这种方法的公司大多有钱,对他们来说用户量是关键,他们不缺人进 行复杂的维护工作。

(4) 直接在标签里面写样式

测试信息

Salin selepas log masuk

不经常改的地方 。可以一用,但是还是谨慎使用,很不符合大众。

推荐学习:css视频教程

Atas ialah kandungan terperinci css有几种引入方式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!