导入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:

相关文章推荐

css样式兼容不同浏览器问题解决办法

在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器...

针对IE浏览器单独写CSS样式的几种方法

IE浏览器单独写CSS样式的几种方法1.CSS Hack 举例如下:.box { background: gray; /* 基本的 */ background: pink\9; ...

JS设置CSS样式的几种方式

JS设置CSS样式的几种方式 用JS来动态设置CSS样式,常见的有以下几种   1. 直接设置style的属性  某些情况用这个设置 !important值无效 如果属性有'-...

【HTML】HTML中使用CSS样式的几种方式

结果: HTML代码: 在HTML中使用CSS样式的几种方法 a{ background:green; color:white; } p#third{ background:bla...

iOS开发之加载html无CSS样式的解决办法

在开发的过程中,有时候需要加载一些 HTML 页面,对于不太复杂的界面,基本上都可以放到本地用 UIWebview 来加载,但是在开发过程中会碰到 UIWebview 加载出来的 HTML 页面没有图...
  • hbblzjy
  • hbblzjy
  • 2017年03月06日 16:24
  • 1511

css样式float造成的浮动“塌陷”问题的解决办法

什么是CSS Float?定义: float 属性定义元素浮动到左侧或右侧。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级元素,而不论它...
  • sensui_
  • sensui_
  • 2015年07月19日 21:48
  • 3513

导入css样式表的方法 _ link VS @import

ranslate From:stevesouders 原文:高性能网站设计:不要使用@import 在高性能网站设计的第五章,我简要的提到@import 对于网站的性能有某些负面的影响,然后我在 ...

CSS中外部样式与导入外部CSS样式文件的区别

1)外部样式是CSS样式中较为理想的一种形式。将CSS样式代码单独地放在一个独立的文件中,由页面进行调用,多个网页可以调用一个外部样式文件,因此可以实现代码的最大化使用及网站文件的最优化配置。一般是采...

HTML基础学习-10-CSS样式学习

HTML基础学习-10-CSS样式学习

Chrome自定义CSS样式的方法

Chrome自V33以后不允许自定义CSS样式了,但是仍然可以通过插件的方式实现自定义样式。因此本文主要完成如下3个工作: 1,介绍ChromeV33+自定义CSS样式的方法 2,介绍Chrome自定...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:导入CSS样式的几种办法
举报原因:
原因补充:

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