HTML 引用Css样式的四种方式
HTML 引用Css样式的四种方式
乔达摩@嘿
发布于 2020-09-11 07:19:04
发布于 2020-09-11 07:19:04
代码可运行
运行总次数：0
代码可运行
不才，只知道HTML引用CSS样式有四种方式，内部引用和外部引用各两种，因为老是忘记细节，记下了随时翻阅亦可方便如我般的初学者
内部引用方式1：
直接在标签内用 style 引用，如：
<div class="pmc" style="border:1px solid #440000;padding=0px;margin:40px;"> </div> 内部引用方式2：
在页面头文件的<style></style>标签里引用，如：
如此话，style 标签最好放到<head>标签里面，不过我试过没放进去也是可以的
<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>标签，如：
注意：不要放到页面头部的<style>标签里面，且href可不转义：即<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>里面，并且一定要用转义：即 url("D:\\learn\\css.css") 只能这样，不能 url("D:\learn\css.css")
@import url("D:\\learn\\css.css");顺便说一声：id比clas优先
以上均为个人经验，仅供参考！
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2014-07-02 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
推荐阅读
相关推荐
css基础知识点整理
更多 >
💥开发者 MCP广场重磅上线！
精选全网热门MCP server，让你的AI更好用 🚀
腾讯云开发者
