旗下导航:搜·么
当前位置:网站首页 > CSS > 正文

css怎样插进去样式表【css教程】

作者:搜搜PHP网发布时间:2019-11-27分类:CSS浏览:129


导读:怎样插进去款式表当读到一个款式表时,浏览器会依据它来花样化HTML文档。插进去款式表的要领有三种:外部款式表(引荐进修: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怎样插进去款式表的细致内容,更多请关注ki4网别的相干文章!

标签:css