html文件如何引用外部css文件?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html文件如何引用外部css文件?相关的知识,希望对你有一定的参考价值。

参考技术A

答案(代码详情):

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="D:\\test\\font.css" rel="stylesheet" type="text/css">
</head>
<body>
这是测试,默认是黑色</p>
</body>
</html>

小提示:

在同一个文件夹里面你就直接写文件名font.css就行了,千万不要用你的windows下面的文件路径,这样是访问不到的。

简介:

外部样式表将管理整个Web页的外观,当用户在设计HTML(标准通用标记语言的一个应用)时,首先要对整个外观定义一个CSS文件(扩展名为·css),然后通过链接来使用,一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。*.aspx文件中需要用完成连接。

css简介:

CSS是Cascading style Sheets的简称,中文译作“层叠样式表”,如果在制作网页时,采用CSS技术,便可以轻松而又有效地对页面的整体布局、字体、颜色、链接、背景和其它效果实现精确的控制,而且修改起来也非常简单,只要将相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者不同页面的的外观和格式。

如何在不引用外部 CSS 文件的情况下在 WordPress PHP 文件中创建内联 CSS?

【中文标题】如何在不引用外部 CSS 文件的情况下在 WordPress PHP 文件中创建内联 CSS?【英文标题】:How can I create inline CSS in a WordPress PHP file without referencing to an external CSS file? 【发布时间】:2012-12-23 01:06:46 【问题描述】:

我想直接从 Wordpress 插件中加入 CSS 字符串。我不想从外部文件加载它,也不想争论为什么这是写入或错误的做法,我只想知道是否可能。

换句话说,我知道我可以做到:

wp_register_style('myStyleSheet', 'my-stylesheet.php');
wp_enqueue_style( 'myStyleSheet');

但我不想。

我想做的是这样的(伪代码):

$number = get_option('some_width')/2;
$css = " .divbox  width: $number;  ";
wp_register_style('myStyleSheet', $css);
wp_enqueue_style( 'myStyleSheet');

我阅读了 wp_register_style() 的 wp codex,但似乎不可能。有人有建议吗?

【问题讨论】:

【参考方案1】:

那是我的愚蠢。几分钟后我找到了答案。绝望是一个很好的动力! :)

诀窍是不要使用 wp_register_style() 和 wp_enqueue_style()

这是我所做的:

function myStyleSheet() 

  global $value;
  $num = $value/2;

  echo '
       <style type="text/css">
            .divbox  width: '.$num.';     
       </style>
    ';

add_action( 'wp_print_styles', 'myStyleSheet' );

不过,也许还有更好的方法?

【讨论】:

以上是关于html文件如何引用外部css文件?的主要内容,如果未能解决你的问题,请参考以下文章

HTML中CSS外部样式表

js文件如何引用外部js

HTML中CSS外部样式表

weex 怎样引用外部css文件,js文件

html引用外部js文件不能执行

解决HTML外部引用CSS文件不生效问题