前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML 引用Css样式的四种方式

HTML 引用Css样式的四种方式

作者头像
乔达摩@嘿
发布2020-09-11 15:19:04
1.3K0
发布2020-09-11 15:19:04
举报
文章被收录于专栏:嘿dotNet

不才,只知道HTML引用CSS样式有四种方式,内部引用和外部引用各两种,因为老是忘记细节,记下了随时翻阅亦可方便如我般的初学者

内部引用方式1:

直接在标签内用 style 引用,如:

代码语言:javascript
复制
<div class="pmc" style="border:1px solid #440000;padding=0px;margin:40px;"> </div> 

内部引用方式2:

在页面头文件的<style></style>标签里引用,如:

代码语言:javascript
复制
如此话,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>标签,如:

代码语言:javascript
复制
注意:不要放到页面头部的<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" />
代码语言:javascript
复制

外部引用方式2:

用@import 方式,如:

代码语言:javascript
复制
 注意:这种方式一定要放到<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 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档