css样式的link标记,css link 用法

什么是内联式样式表，外联式样式表？

外部样式表将管理整个Web页的外观，当用户在设计HTML（标准通用标记语言的一个应用）时，首先要对整个外观定义一个CSS文件（扩展名为·css），然后通过链接来使用，一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。*.aspx文件中需要用head@import URL("*.css");/head完成连接或是link rel="stylesheet" type="text/css" href="相对路径"。

内联样式表：写在开始标记里面，比如你要H1变红色，h1 style=”color:red;”变为红色/h1。

扩展资料：

样式表可分为嵌入式样式表、外部样式表和内联样式表三种，在同一文档内可以同时使用三种方法。

1.样式定义放在一个单独的文件中，例：新建一个后辍为CSS的样式定义。元素{ 属性color:值red；} 在head段使用link标记，引用语法：link rel=”stylesheet” type=”text/css” href=”样式表URL” /

2.嵌入式样式表：style元素段必须出现在head段内，有一个开始和结束标记，并且可以有多个style段，语法格式： style type=”text/css”。

参考资料来源：百度百科-div css

参考资料来源：百度百科-外部样式表

相关问答

Q1: 在网页中插入CSS样式表的几种方法

在网页中插入CSS样式表有四种方法

链入外部样式表

链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用link标记链接到这个样式表文件，这个link标记必须放到页面的head区内，如下：

head 

…… 

link href="mystyle.css" rel="stylesheet" type="text/css" media="all" 

…… 

/head

内部样式表

内部样式表是把样式表放到页面的head区里，这些定义的样式就应用到页面中了，样式表是用style标记插入的，从下例中可以看出style标记的用法：

head 

…… 

style type="text/css" 

hr {color: sienna} 

p {margin-left: 20px} 

body {background-image: url("images/back40.gif")} 

/style 

…… 

/head

导入外部样式表

导入外部样式表是指在内部样式表的style里导入一个外部样式表，导入时用@import，看下面这个实例：

head 

…… 

style type=”text/css” 

!-- 

@import “mystyle.css” 

其他样式表的声明 

-- 

/style 

…… 

/head

内嵌样式

内嵌样式的使用是直接将在HTML标记里加入style参数。

p style="color: sienna;margin-left: 20px;" 

这是一个段落 

/p

Q2: 如何连接外部CSS样式

外部CSS样式是一个独立的CSS文件，当在网页中直接创建外部CSS样式时，该样式自动应用到网页中；当在创建空白网页时，通常可以附加已经存在的外部样式表。如果CSS样式文件已经存在，制作网页时可以通过【CSS样式】面板中的【附加样式表】按钮来链接，具体操作如下：

（1）单击【附加样式表】按钮，在打开【链接外部样式表】对话框（见图1）中选择外部CSS文件后，可以通过连接或导入方式将其应用到当前网页中。图1

（2）在【添加为】中选择其中的一个选项：

◇若要创建当前文档和外部样式表之间的链接，请选择【链接】单击按钮。该选项在HTML代码中创建一个link标记，并引用已发布的样式表所在的URL。link标记必须放在页面的head区域。Internet Explorer和Netscape Navigator都支持此方法。

◇如果希望导入而不是链接到外部样式表，请选择【导入】单击按钮。导入外部样式表是指在内部样式表的style里导入一个外部样式表，导入时用@import。

注意：不能使用【链接】标记添加从一个外部样式表到另外一个外部样式表的引用。如果要嵌套样式表，必须使用【导入】指令。大多数浏览器还能识别页面中（而不仅仅是样式表中）的导入指令。当在链接到页面与导入到页面的外部样式表中存在重叠的规则时，不同浏览器解决冲突属性的方式具有细微的差别。

Q3: 在CSS中，link里 的rel="stylesheet"是什么意思 啊

意思是：

在link标签中，“rel=stylesheet”，rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用。

rel是Relations的所写 指关联到一个stylesheet（样式表单)。

由于目前的CSS还不能抓取rel与rev的属性值，所以没有办法给不同关系的链接提供不同的样式，所以现在rel与rev只是用来使得网页的语义性更为完善。

Link标签有两个作用：

1. 定义文档与外部资源的关系；2. 是链接样式表。

link标签是用于当前文档引用外部文档的，其次，这个标签的rel属性用于设置对象和链接目的间的关系。

扩展资料

rel各个属性值配置的意思：

Alternate -- 定义交替出现的链接

Stylesheet -- 定义一个外部加载的样式表

Start -- 通知搜索引擎,文档的开始

Next -- 记录文档的下一页.(浏览器可以提前加载此页)

Prev -- 记录文档的上一页.(定义浏览器的后退键)

Contents

Index -- 当前文档的索引

Glossary -- 词汇

Copyright -- 当前文档的版权

Chapter -- 当前文档的章节

Section -- 作为文档的一部分

Subsection -- 作为文档的一小部分

Appendix -- 定义文档的附加信息

Help -- 链接帮助信息

Bookmark -- 书签

Q4: 在dreamweaver中的CSS样式中，vlink,alink,link和a:link什么区别？

他们的区别

1、类

：定义的时候前面必须加点（.）,格式是.xxx，可以在一个页面中调用多次。类一般就设文字颜色什么的。

2、标签：标签就是body、table、h3……之类的网页里面的标签，可以直接选择定义样式，网页里面的就会随之变化的。标签就是背景什么的。

3、高级：

高级定义的方式可以在前面加（.）或者（#），加点就是和类差不多，在前面加#的话就是id调用，比如定义#top，那么在调用的时候就是div

id="top"/div。记住#top只能调用一次。这点跟类不一样。就是一些链接什么的

alink

是a:active设置的是正在访问超链接的颜色!

vlink

是a:visited设置的是已经访问的超链接的颜色！

a：link是未访问的链接的颜色