css样式对接,css外部链接样式表

网站模板对接织梦系统的时候不能正常显示图片和部分css样式

第一你弄得模板有问题有可能，第二上传的时候文件传掉了可能，第三文件存放路径错误可能，排除一下就可以了，还没有解决再找俺帮忙

相关问答

Q1: 如何链接外部CSS样式表

链接外部样式文件

外部引入CSS样式文件是通过link标签实现的，它只能位于HTML文档的head标签内，且必须有href属性，该属性用于指定需要引入的CSS文件的路径。

写法：link rel="stylesheet" href="CSS样式文件的绝对地址"

link元素中type用于规定链接文档的MIME类型，rel属性用于规定被链接文档与当前文档之间的关系，如alternate用于定义交替出现的链接，appendix定义文档的附加信息等，此外还有一些可选属性，用于做一些除加载CSS文件的其他事情。link元素是XHMTL中的标签，当HTML页面被渲染时，link引用的CSS文件会被同时加载，我们也可以通过JavaScript控制DOM去改变link元素的CSS内容。

导入外部样式

导入外部样式单的功能与链接外部样式的功能差不多，都能实现一样的功能，但是它们之间还是存在一定的差别的，导入外部样式主要通过@import方式导入CSS文件。

写法：

@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别@import url(style.css) //Windows NS4, Macintosh NS4不识别@import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别@import url("style.css") //Windows NS4, Macintosh NS4不识别

由上分析知道，@import url(style.css) 和@import url("style.css")是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。

本段摘自：

添加css的方式：link与@import区别 - Wayne-Zhu - 博客园

@import是css2里面提出来的，低版本的浏览器不支持，注意它是css中属性，如果要使用它，可以在style标签中书写。但在CSS文件中再导入CSS文件，会给服务器造成太大的文件请求压力，最好不要这样做。

style

@import url(css/style.css);

/style

@import是由CSS提供的一种导入样式的方式，当页面被加载时，@import会等到页面全部被加载完成时再加载CSS样式，所以在页面还未加载完成期间，页面还没有CSS样式效果，会导致“屏闪”，通过@import导入的CSS样式是无法用DOM去控制的。

Q2: html怎样连接到外部css

1、当我们不导入外部CSS样式表时，我们通常用html编写样式，两种方式使我们共同，第一种为下图。

2、第二种写作方式：

HEAD

meta http-equiv =“Content-Type”content =“text / html; charset = utf-8”/

title时间元素/ title

风格

。所有{

身高：300像素;

宽度：500像素;

背景：＃999;}

/样式

/ HEAD

BODY

div class =“all” / div

/ BODY

3、链接外部CSS样式，现在创建一个css样式表文件。

4、这里鼠标右键单击选择将链接存储在css文件夹中。

5、在html文件中写下链接代码，代码如下：link rel =“stylesheet”type =“text / css”href =“css / index.css”/。

6、之后，您可以看到HTML文件的源代码并查看我们连接的css文件。

Q3: html如何跟css链接

1、当我们没有引入外部css样式表的时候，一般情况下我们会在html里写样式，而又两种方式使我们常见的，第一种：

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titletime元素/title

/head

body

div style="height:300px; width:500px; background:#999;"/div

/body

2、第二种写法：

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titletime元素/title

style

.all{

height:300px;

width:500px;

background:#999;}

/style

/head

body

3、建立一个css样式表文件

4、存储在css文件夹中

5、在html文件中写入链接代码，代码如下：

link rel="stylesheet" type="text/css" href="css/index.css" /

6、之后可以看到HTML文件的源代码傍边看到我们所连接的css文件，此时就连接成功。