css创建之引入css到html网页中笔记

原创 PHP笔记  2017-03-22 17:37  阅读 798 views 次

浏览器在“读”到css样式表时,会根据样式表格式化html网页。css样式表根据它的创建/引入方式不同,一般分为外部样式表、内部样式表和内联样式三种类型。

1、外部样式表

当很多页面需要样式时,我们一般会选择外部样式表。外部样式表是在每个页面中使用 <link> 标签链接到样式表,<link> 标签在网页的头部(<head>标签内)。我们只要通过样式表文件就可以控制网页的样式。

引入css文件格式:

<head>
<link rel="stylesheet" type="text/css" href="css文件路径">
</head>

说明:rel定义当前文档与被链接文档之间的关系,css是文档的外部样式表(stylesheet);type规定被链接文档的MIME类;href定义css文件的路径,包含文件名和后缀名。

css文件格式:

选择器{
 属性1:属性值1;
 属性2:属性值2;
 ......
 }

说明:css文件的后缀名为.css,在任何文本编辑器中都可以编辑。文件中不能有html标签。

2、内部样式表

当只有一个页面需要特殊的样式时,就可以使用内部样式表。内部样式表用 <style> 标签定义,一般放在文档头部(<head>标签内),也可以放在文档的主体(<body>标签内)。

格式:

<head>
<style type="text/css">
选择器{
......
......
}
</style>
</head>

3、内联样式

当样式只要在一个元素上用一次的时候,我们就可以使用内联样式。由于这种方法是把表现和内容混合在一起,失掉了样式表的许多优势,所以这种方法一般不用。内联样式是在标签内使用style属性,Style属性的属性值就可以是任何css属性

格式:

<标签 style=”css属性1:属性值1;css属性2:属性值2;......”>元素内容</标签>

4:多重样式

如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将从更具体的样式表中被继承过来。

非常相关:

本文地址:https://www.ggbiji.com/css-establish.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情