html正文引用外部css文件。求body正文中引用的方法。head中的我会。

Posted

tags:

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

求body正文中引用的方法。head中的我会。
我使用php写的一个插件,只能在body下的某一个div中写入内容。现在需要依照不同情况使用不同的样式,如何调用外部css文件?

fopen无权限也不可用,因此不能先读取再echo出来。

建议楼主在head里面使用 <link href="leniy.css" rel="stylesheet" type="text/css" />不要用import这种方法,使用import的时候页面会在整个页面加载完后重新渲染页面,从优化的角度来说不好。

另外@import是css自带的属性,如果你想用js或者jq来改变样式路径时找不到对应节点

body中一样可引用<link />来加载样式的

如下:

<body>
<link href="css.css" rel="stylesheet" type="text/css" />
<div class="cc">sdf sad fasd fsa s f</div>
</body>追问

原来是API的问题,相对路径、绝对路径都不能用,必须用它的函数输出路径才可以。

解决了

参考技术A 。。。。你head中引用了就行了,你要引几次啊,你剰下的就是在被引用的CSS里写样式就是了。
正文中我是从来没引用过。。要么就是直接在元素后面写内联样式。追问

因为这一段php没有权限修改head,只能操作body中的内容。样式较多,我又不能直接输出style

追答

那我不知道了。。二楼说可以引用,反正我是没引过,都是头部引用一下就完了,JS倒是引用过,JS都行,我想CSS应该是一样的

参考技术B <link href=“CSS地址" rel="stylesheet" type="text/css" />

如:
<link href=“/image/default.css" rel="stylesheet" type="text/css" />

<link href=“http://www.baidu.com/css/global.css" rel="stylesheet" type="text/css" />
参考技术C 一样的
<style type="text/css">
body
/* 样式写在里面就行了 */


</style>追问

必须调用外部文件,不能直接输出样式的

追答

那为啥要在body里引用呢

参考技术D 一样的方法,body中也可以引入的

如何使正文在页面上居中?

【中文标题】如何使正文在页面上居中?【英文标题】:How to center body on a page? 【发布时间】:2012-06-08 00:25:17 【问题描述】:

我正在尝试在我的 HTML 页面上将 body 元素居中。

基本上,在 CSS 中,我将 body 元素设置为 display: inline-block;,以便它的宽度与其内容一样宽。这很好用。但是,margin: 0px auto; 不会在页面上居中。

有谁知道如何解决这个问题?我希望蓝色的大方块位于页面的中心,而不是像现在这样向左浮动。

这是我的 CSS:

body 
    display: inline-block;
    margin: 0px auto;
    text-align: center;

【问题讨论】:

那些其他的盒子不应该在体内吗? 我建议不要去中心化body,其实做一个中心化的div 你永远不应该让身体居中。看看 freecsstemplates.com --- 你会设计师总是使用 div 【参考方案1】:
    body
    
        width:80%;
        margin-left:auto;
        margin-right:auto;
    

这适用于大多数浏览器,包括 IE。

【讨论】:

是的,我喜欢这个。我不想让身体有一个固定的宽度。【参考方案2】:

同时应用 text-align: center;像这样在 html 元素上:

html 
  text-align: center;

一个更好的方法是有一个内部容器 div,它将被集中,而不是 body。

【讨论】:

这正是所要求的,为什么它被否决了? jsfiddle.net/gA9La/2 我还必须设置 body 的 display 属性才能工作:body display: inline-block; @ParrisVarney 是的,这是隐含的(查看 OP 的 CSS)。 我认为 Freakishly 的回答比这个要好得多。无意冒犯 Madara,但它的答案应该是被接受的,而不是你的,因为你的提议不是让文本以外的其他项目居中的好方法。 @tanaydin 所以你加了body text-align: initial; 就好了:)【参考方案3】:

您必须指定正文的宽度,使其在页面上居中。

Or put all the content in the div and center it.

<body>
    <div>
    jhfgdfjh
    </div>
</body>​

div 
    margin: 0px auto;
    width:400px;

【讨论】:

嗯..我认为可能是这种情况,但是..如果我事先不知道尺寸怎么办? 我尝试设置宽度并使用百分比,但它们都没有使主体居中。 @SRN -- 如果您仅使用 text 进行测试,margin 有什么用?文本也可以以text-align:center 为中心。检查:jsfiddle.net/gA9La/1 不,我不只是以文本为中心。大部分元素都是div。【参考方案4】:

对于那些确实知道宽度的人,你可以这样做

div 
     max-width: ???px; //px,%
     margin-left:auto;
     margin-right:auto;

我也同意不要在正文上设置 text-align:center,因为它会弄乱您的其余代码,您可能必须单独设置 text-align:left关于当时或将来的很多事情。

【讨论】:

以上是关于html正文引用外部css文件。求body正文中引用的方法。head中的我会。的主要内容,如果未能解决你的问题,请参考以下文章

如何使正文在页面上居中?

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

“body background-color”在 HTML 中有效,但在 CSS 中无效

如何在 Angular 5 中调用外部 javascript 函数?

HTML 电子邮件正文是不是可以引用作为附件发送的文件(在同一封电子邮件中)?

Outlook 将图像显示为在邮件的 HTML 正文中引用的附件