导入CSS样式的几种办法

原创 2013年12月04日 10:07:32

1. 链入外部样式表

<head> 
…… 
<link href="mystyle.css" rel="stylesheet" type="text/css" media="all"> 
…… 
</head>

 

 

 2.内部样式表

<head> 
…… 
<style type="text/css"> 
            <!-- 
hr {color: sienna} 
            p {margin-left: 20px} 
            body {background-image: url("images/back40.gif")} 
--> 
            </style> 
…… 
</head>

  

 3. 导入外部样式表

<head> 
…… 
<style type=”text/css”> 
            <!-- 
@import “mystyle.css” 
其他样式表的声明 
--> 
            </style> 
…… 
</head> 

 

  例中@import “mystyle.css”表示导入mystyle.css样式表,注意使用时外部样式表的路径。方法和链入样式表的方法很相似,但导入外部样式表输入方式更有优势。实质上它相当于存在内部样式表中的。
注意:导入外部样式表必须在样式表的开始部分,在其他内部样式表上面

 

  
  4. 内嵌样式

<p style="color: sienna;margin-left: 20px;"> 
这是一个段落 
</p> 
<!--这个段落颜色为土黄,左边距为20象素-->
 

 

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

注释:<!DOCTYPE> 标签没有结束标签!
 
该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档

 

HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。

 

HTML Strict DTD
如果您需要干净的标记,免于表现层的混乱,请使用此类型。请与层叠样式表(CSS)配合使用:

 

HTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表(CSS)的浏览器以至于您不得不使用 HTML 的呈现特性时

 

Frameset DTD
Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD:

HTML中样式分哪几种?CSS样式定义有哪些?

在html中 ,引入css的方法主要有行内式、内嵌式、导入式和链接式4种 1。行内式      即在标记的style属性中设定css样式 ,这种 方式本质上没体现出css的优势,因此不推荐使...
  • xiaobai251206725
  • xiaobai251206725
  • 2010年09月17日 23:10
  • 2183

JSP页面中插入css样式的三种方法

原文地址:http://blog.csdn.net/wzy_3463/article/details/8158657 1、 外部样式        当样式需要应用于很多页面时,外部样式...
  • tanga842428
  • tanga842428
  • 2017年05月30日 10:04
  • 468

ArcGIS Server发布地图的几种方式

地图服务 最常用的 ArcGIS 服务。包括许多功能,提供对地图和图层内容的访问。主要进行制图、地图浏览或图层查询。支持地理处理(需要分析层)及网络分析(需要网络分析层)。 地理编码服务 主...
  • ownWell
  • ownWell
  • 2012年03月28日 12:09
  • 3249

CXF 安全认证

CXF的webService已经创建好,但没有安全可言,毕竟这是Internet服务呀。 CXF给了一个很完整的安全架构,但CXF给出的ws_securityDEMO太复杂了,又是password j...
  • pengchua
  • pengchua
  • 2009年12月26日 14:22
  • 8916

关于导入css样式 却不起作用解决方案

rel="stylesheet"  在引入css样式的标签中 添加如上代码即可
  • Islandww
  • Islandww
  • 2017年03月28日 14:17
  • 813

几种数据库的连接方式

翻阅了之前的资料,貌似还保存的不错的几种数据库连接方式,好记性不如烂笔头。还是写下来吧。也可以帮到其他人。   //1、使用JTDS第三方驱动SQL数据库: driver:    net.sour...
  • devenzeng
  • devenzeng
  • 2016年11月17日 11:48
  • 133

HTML引入CSS样式三种方法及优先级

方法     css的样式引用由3种方式。分别为内联定义、链入内部CSS和链入外部CSS。有一点注意,样式表放在不同的地方,产生作用的范围不同(以下会说明)。 内联定义    内联定义,即在对象...
  • mybelief321
  • mybelief321
  • 2015年12月05日 21:31
  • 14142

css样式兼容性问题的处理办法

做web开发,对css样式都有所了解,让各浏览器都正确解析网页,还真得费一凡功夫,今天,先说说padding吧   制作网页时在IE7下显示正常了,IE6下用些hack方法基本也解决了,就是IE8和...
  • lyl6796910
  • lyl6796910
  • 2011年11月21日 12:01
  • 2823

五种常见的乱码处理方式

1. 转码  str= new String(str.getBytes("iso8859-1"),"gb2312");  str= new String(str.getBytes("iso8859...
  • zljjava
  • zljjava
  • 2013年10月09日 14:51
  • 924

phpmyadmin 导入大数据库文件

不久前搭建LNMP成功之后,导入数据库文件,提示文件内容太大。 修改了 php.ini 里面的 upload_max_filesize = 30M post_max_size = 4...
  • firefoxbug
  • firefoxbug
  • 2012年09月18日 11:45
  • 1730
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:导入CSS样式的几种办法
举报原因:
原因补充:

(最多只允许输入30个字)