不才，只知道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优先


以上均为个人经验，仅供参考！
												


											
HTML 引用Css样式的四种方式的更多相关文章
	

    
								
  1. 原生js更改css样式的两种方式
		
    下面我给大家介绍的是原生js更改CSS样式的两种方式: 1通过在javascript代码中的node.style.cssText="css表达式1:css表达式2:css表达式3  &quo ...
    
		
    2. 
						
  2. python 中增加css样式的三种方式
		
    增加css样式的三种方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
    
		
    3. 
						
  3. 【javascript】原生js更改css样式的两种方式
		
    下面我给大家介绍的是原生js更改CSS样式的两种方式: 1通过在javascript代码中的node.style.cssText="css表达式1:css表达式2:css表达式3  &quo ...
    
		
    4. 
						
  4. 我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的优先权
		
    如果说,原生态就是美,那么,我们就没有必要穿衣打扮. 网页是什么? 说白了,网页就是一堆[html标签]有序的搭配,让[CSS属性值]整整容,请[Javascript语言]处理一下事件. 一个人的整容 ...
    
		
    5. 
						
  5. HTML与CSS结合的四种方式
		
    HTML与CSS结合的四种方式: 方式一:每个标签加一个属性: 例如:<div style="background-color:red; color: green">  ...
    
		
    6. 
						
  6. css添加样式的四种方式
		
    1. 导入样式:在 .css文件中使用@import url("...")来引入另一个css样式表 2. 外部样式:在html页面中的head中使用 link 标签引入,如< ...
    
		
    7. 
						
  7. CSS插入的四种方式
		
    一.什么是CSS CSS(Cascading style sheets  层叠样式表),CSS可以用以为网页构建样式表,通过样式表来达到对网页进行美化的效果.所谓层叠可以将网页想象成一层层的结构,高层 ...
    
		
    8. 
						
  8. HTML引入CSS样式的四种方法
		
    在HTML中引入CSS的方法主要有四种,它们分别是行内式.内嵌式.链接式和导入式. 1.行内式          行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐 ...
    
		
    9. 
						
  9. js中获取css样式的两种方式
		
    1. 对象.style.样式名  弊端就是只能获取行内样式 2.window.getComputedStyle(对象,null); 最好用第二种方式 <!DOCTYPE html> < ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. select 1 from table
			
    1.select 1 from mytable;与select anycol(目的表集合中的任意一行) from mytable;与select * from mytable 作用上来说是没有差别的, ...
    
			
    2. 
						
  2. VideoTexture 贴图
			
    //old bitmapData.lock(); bitmapData.fillRect(_clippingRect, 0); bitmapData.draw(_player.container, n ...
    
			
    3. 
						
  3. Tomcat 7优化
			
    1.在bin/catalina.bat文件中加入下面参数,对JVM进行优化,至于这一大驼参数的作用及说明,大家到网上找找,应该有很多的,如:http://www.mzone.cc/article/32 ...
    
			
    4. 
						
  4. spring security 3中的10个典型用法小结
			
    spring security 3比较庞大,但功能很强,下面小结下spring security 3中值得 注意的10个典型用法 1)多个authentication-provide可以同时使用 &l ...
    
			
    5. 
						
  5. 戏说云计算之PaaS，IaaS，SaaS【转载】
			
    最近我们聊到“CRM系统PAAS化”,有些可能就不了解,到底什么是PAAS.云计算还有IaaS,SaaS概念,这三者之间有什么区别?今天智云通CRM系统小编用通俗易懂的例子跟大家分享Paas,IaaS ...
    
			
    6. 
						
  6. Entity Framework 学习高级篇1—改善EF代码的方法（上）
			
    本节,我们将介绍一些改善EF代码的相关方法,如NoTracking,GetObjectByKey, Include等. l         MergeOption.NoTracking 当我们只需要读 ...
    
			
    7. 
						
  7. textFiled输入字数的控制问题之—把带输入的拼音也判断了
			
    一个textFiled,控制只能输入五个字,现在你已经输入了四个字,在输入第五个字的时候,输入一个拼音之后就不能输入后一个拼音,这里把拼音也当成字来判断了,这种情况下就需要_textFiled.mar ...
    
			
    8. 
						
  8. android cordova  h5总结
			
    最近项目 替换页面  把80%页面替换成h5了. 首页h5页面可以放在android本地.增加访问速度.节省用户流量 把服务器上的  js代码 压缩成zip格式  放在asset目录.当应用安装时候  ...
    
			
    9. 
						
  9. ignite中的消息使用实例
			
    消息很简单,跟其他的mq相仿,关键点: 一,添加监听,订阅主题 二,发送消息 写了一个简单的示例: Receiver.java package test.ignite.broadcast; impor ...
    
			
    10. 
						
  10. Hibernate 系列教程10-组成关系
			
    组成关系 在一个员工模型里面需要存入 员工公司所在地址的城市,街道 员工籍贯所在的城市,街道, 此时可以抽取城市,街道变成一个模型即是组成关系 Employee public class Employ ...
    
			
    11.