CSS样式表引用问题之绝对路径

例如iconfont 提供的 font-class引用

//at.alicdn.com/t/font_1876690_1hiszbbu61ch.css

正常是这酱紫:

<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_180_1hish.css">

但是在本地浏览,报错 net::err_file_not_found。(没进行线上测试)

刚开始猜测是Google浏览器问题,换浏览器还是同样问题;至于原因没查到

但是解决方法如下,在双斜杠前面加上 http: 问题解决。

<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_180_1hish.css">
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 如果要在 HTML 文档中使用外部样式表中定义的 class,需要在 HTML 中的元素上使用 class 属性。 例如,假设外部样式表中有一个名为 "warning" 的 class,它被定义为红色的文本,则可以这样使用它: ```html <p class="warning">这是一条警告信息。</p> ``` 在 HTML 中,可以使用 link 标签来引入外部样式表,例如: ```html <link rel="stylesheet" href="style.css"> ``` 请注意,link 标签必须位于文档的 head 部分。 此外,还可以使用 style 标签在 HTML 文档中直接定义样式,例如: ```html <style> .warning { color: red; } </style> ``` 但是,通常建议使用外部样式表来维护 CSS,这样可以使样式与 HTML 分离,更方便维护和管理。 ### 回答2: 在HTML中引用外部样式表中定义的class可以通过多种方式实现。 一种常见的方式是使用HTML的`<link>`标签引入外部样式表。首先,在`<head>`标签内插入以下代码: ```html <link rel="stylesheet" type="text/css" href="外部样式表的文件路径"> ``` 其中,`href`属性用于指定外部样式表文件的路径。文件路径可以是相对路径(相对于当前HTML文件的位置)或绝对路径(完整的文件路径)。 引入外部样式表后,我们可以在HTML的元素中应用这些样式。使用`class`属性来引用外部样式表中定义的class。例如,如果外部样式表定义了一个名为"my-class"的class,我们可以在HTML元素中这样应用它: ```html <div class="my-class">这个DIV应用了样式表中的my-class</div> ``` 这样,该元素就会应用外部样式表中定义的相应样式。 除了`<link>`标签,还可以使用`<style>`标签内联引用样式。在`<head>`标签内插入以下代码: ```html <style> @import url("外部样式表的文件路径"); </style> ``` 这里使用了`@import`规则来引用外部样式表。引入后的使用方式与之前相同,使用`class`属性。 总的来说,引用外部样式表中定义的class只需要将外部样式表引入HTML文件,并在对应元素上加上相应的class属性即可。 ### 回答3: 在HTML中,我们可以通过使用<link>标签将外部样式表文件引入到HTML文件中。具体步骤如下: 1. 首先,在HTML文件的<head>标签中添加<link>标签,用于引入外部样式表。例如: ```html <link rel="stylesheet" href="styles.css"> ``` 其中,href属性指定了外部样式表的文件路径和文件名。 2. 在外部样式表文件中定义所需的class。例如,在styles.css文件中定义了一个名为"my-class"的class: ```css .my-class { color: red; font-size: 18px; } ``` 3. 在HTML文件中的需要应用该样式的元素上添加class属性并指定为"my-class"。例如: ```html <p class="my-class">这是应用了my-class样式的段落。</p> ``` 这样,该元素就会应用外部样式表中定义的"class"样式。在上述例子中,段落的字体颜色将变为红色,字体大小将变为18像素。 通过使用外部样式表,我们可以统一管理和维护多个HTML文件中的样式,使得样式的调整更加方便和高效。同时,通过在元素上添加class属性来引用外部样式表中的样式,可以实现样式的复用和灵活性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值