css引入方式有幾種?分別是什么,css的三大引入方式

 2023-12-06 阅读 34 评论 0

摘要:css的引入方式 一、 css的引入方式 css的引入方式有三種:內部樣式、外部樣式和內聯樣式(行內樣式)。下面是對三種引入方式的詳細介紹。 (1) 內部樣式 語法: 在head標簽添加style標簽 例如: (2) 外部樣式 語法

css的引入方式

一、 css的引入方式
css的引入方式有三種:內部樣式、外部樣式和內聯樣式(行內樣式)。下面是對三種引入方式的詳細介紹。
(1) 內部樣式
語法:
在head標簽添加style標簽
例如:在這里插入圖片描述

(2) 外部樣式
語法:
在head標簽添加link標簽,在屬性href中填寫新建的css文件路徑——外部樣式表
例如:
在這里插入圖片描述
css文件中可以進行樣式修飾,例如:
在這里插入圖片描述
(3) 內聯樣式
語法:直接在需要修飾的標簽中添加屬性style,然后進行修飾
例如:
在這里插入圖片描述
二、 三大樣式表對同一屬性進行操作的解析規則
(1)內聯樣式權重最大
說明:若三大樣式對同一標簽的同一屬性進行修飾,則顯示的是內部樣式的修飾結果
(2)外部樣式和內部樣式——就近原則
說明:誰離結構近顯示誰的修飾結果
例如:
在這里插入圖片描述在這里插入圖片描述
顯示結果:
在這里插入圖片描述
注:內部樣式適合案例或小頁面開發,外部樣式適合整站開發,而內聯樣式不建議使用。因為修飾內容會有很多,在標簽里面進行修飾會使自己的代碼太亂。

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://808629.com/194421.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 86后生记录生活 Inc. 保留所有权利。

底部版权信息