link连接CSS文件问题

html-css07

link连接CSS文件问题,第1张

link链接css文件的方式是通过在html中引用外部css文件来控制样式,在html文件中写入以下引用语句:

<link href="css文件路径" rel="stylesheet" media="screen" />

其中href为css文件的路径;

rel="stylesheet"表示此链接文件是文档的外部样式表;

media="screen"表示被链接文档应用在计算机屏幕上,这也是默认值。

a:link { text-decoration: none}

a:visited { text-decoration: none}

a:hover { text-decoration: underline}

a:active { text-decoration: underline}

注意:在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后才能生效,a:active 必须位于 a:hover 之后才能生效。

1、使用 link 标签引用CSS:<link rel="stylesheet" type="text/css" href="css路径.css" />2、link无效的问题:出现link所引用的css无效,原因多数是css路径写的不正确。路径分为相对路径和绝对路径。如果是相对路径要仔细检查路径是否和文件相对应。另外,如果css代码写的有错误,即使路径正确也会导致css文件样式不会生效。