百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> css怎样插入样式表
分享文章到:

css怎样插入样式表

发布时间:09/01 来源:未知 浏览: 关键词:

怎样插入样式表

当读到一个样式表时,阅读器会按照它来格局化 HTML 文档。插入样式表的办法有三种:

外部样式表 ( 引荐学习:CSS入门教程 )

当样式需要利用于许多页面时,外部样式表将是抱负的选中。在使用外部样式表的状况下,你可以通过改动一个文件来改动整个站点的外不雅。每个页面使用 <link> 标签链接到样式表。<link> 标签在(文档的)头部:

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

阅读器会从文件 mystyle.css 中读到样式声明,并按照它来格局文档。

外部样式表可以在任何文本编纂器中停止编纂。文件不克不及包括任何的 html 标签。样式表应当以 .css 扩展名停止留存。下面是一个样式表文件的例子:

hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}

不要在属性值与单位之间留有空格。假设你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ,它仅在 IE 6 中有效,但是在 Mozilla/Firefox 或 Netscape 中却没法正常工作。

内部样式表

当单个文档需要非凡的样式时,就应当使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表,就像这样:

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

内联样式

由于要将展现和内容混淆在一起,内联样式会亏损掉样式表的很多优势。请慎用这种办法,例如当样式仅需要在一个元素上利用一次时。

要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包括任何 CSS 属性。本例展现怎样改动段落的色彩和左外边距:

<p style="color: sienna; margin-left: 20px">
This is a paragraph
</p>

以上就是css怎样插入样式表的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板