HTML 引用Css样式的四种方式
生活随笔
收集整理的這篇文章主要介紹了
HTML 引用Css样式的四种方式
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
不才，只知道HTML引用CSS樣式有四種方式，內(nèi)部引用和外部引用各兩種，因?yàn)槔鲜峭浖?xì)節(jié)，記下了隨時(shí)翻閱亦可方便如我般的初學(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：
? 在頁(yè)面頭文件的<style></style>標(biāo)簽里引用，如：
如此話，style 標(biāo)簽最好放到<head>標(biāo)簽里面，不過(guò)我試過(guò)沒放進(jìn)去也是可以的 <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)簽，如：
注意：不要放到頁(yè)面頭部的<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");順便說(shuō)一聲：id比clas優(yōu)先
以上均為個(gè)人經(jīng)驗(yàn)，僅供參考！
轉(zhuǎn)載于:https://www.cnblogs.com/xiaxiaolu/p/4367150.html
總結(jié)
以上是生活随笔為你收集整理的HTML 引用Css样式的四种方式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 函数体中定义的结构体和类型
- 下一篇： 15. HTML 块 div span