日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

HTML 引用Css样式的四种方式

發(fā)布時間:2025/3/15 HTML 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML 引用Css样式的四种方式 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

不才,只知道HTML引用CSS樣式有四種方式,內(nèi)部引用和外部引用各兩種,因為老是忘記細(xì)節(jié),記下了隨時翻閱亦可方便如我般的初學(xué)者

內(nèi)部引用方式1:

?? 直接在標(biāo)簽內(nèi)用 style 引用,如:

<div class="pmc" style="border:1px solid #440000;padding=0px;margin:40px;"> </div>

內(nèi)部引用方式2:

? 在頁面頭文件的<style></style>標(biāo)簽里引用,如:

如此話,style 標(biāo)簽最好放到<head>標(biāo)簽里面,不過我試過沒放進去也是可以的 <head> <style type="text/css">body{padding:50px;margin:20px;padding:0px;background:#ffffff;line-height:21px}.pmc{margin:10px; padding:8px 0px 10px 5px; height:auto; border-bottom:1px solid #e8e5e5;}.pmc .title{ padding-bottom:5px;}.pmc .pic{ width:78px; height:100px; float:left; border:1px solid #ff0000; }.pmc .price{ padding:17px 0px 0px 20px; float:left; color:#ca0000;}.pmc .price.title{ padding-bottom:5px;}#test{border:1px solid #440000; width:200px;height:100px;} </style> </head>

外部引用方式1:

? 用<link>標(biāo)簽,如:

注意:不要放到頁面頭部的<style>標(biāo)簽里面,且href可不轉(zhuǎn)義:即<pre name="code" class="html">href="D:\learn\css.css" =》 href="D:\\learn\\css.css" <link REL="STYLESHEET" type="text/css" href="D:\learn\css.css" />

外部引用方式2:

? 用@import 方式,如:

注意:這種方式一定要放到<style></style>里面,并且一定要用轉(zhuǎn)義:即 url("D:\\learn\\css.css") 只能這樣,不能 url("D:\learn\css.css") @import url("D:\\learn\\css.css");

順便說一聲:id比clas優(yōu)先

以上均為個人經(jīng)驗,僅供參考!



轉(zhuǎn)載于:https://www.cnblogs.com/xiaxiaolu/p/4367150.html

總結(jié)

以上是生活随笔為你收集整理的HTML 引用Css样式的四种方式的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。