css怎样插入样式表
怎样插入样式表
当读到一个样式表时,阅读器会按照它来格局化 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怎样插入样式表的具体内容,更多请关注百分百源码网其它相关文章!