css-四种css导入方式
生活随笔
收集整理的這篇文章主要介紹了
css-四种css导入方式
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一、行內(nèi)樣式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body> <!-- 行內(nèi)樣式：在標(biāo)簽元素中，編寫一個(gè)style屬性，編寫樣式即可 --> <h1 style="color: red">Hello, world</h1> </body> </html>二、內(nèi)部樣式
<!-- 內(nèi)部樣式 --> <style>h1{color: green;} </style>三、 外部樣式
<!-- 外部樣式 --> <link rel="stylesheet" href="css/style.css">四、外部樣式–導(dǎo)入式
是css2.1？加入的，是先渲染出框架在進(jìn)行填充，但是link是全部渲染好在進(jìn)行顯示
<!-- 導(dǎo)入式--> <style>@import url("css/style.css"); </style>優(yōu)先級(jí)，就近原則，誰距離近，誰生效
https://www.bilibili.com/video/BV1YJ411a7dy?p=4&spm_id_from=pageDriver
總結(jié)
以上是生活随笔為你收集整理的css-四种css导入方式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Node.js从零开发Web Serve
- 下一篇： 项目-零钱通