你如何把<style>放在css?</style>中

时间:2014-08-22 20:45:44

标签: html5 css3

我想把我的CSS拿到自己的表格上。

我是怎么做到的?这是我的代码

<style> body{color:red;} </style>

3 个答案:

答案 0 :(得分:1)

您将CSS保存到单独的文件中,例如style.css并包含在<head>标记内:

<head>
    <!-- other stuff such as metas, title, etc. -->
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

答案 1 :(得分:1)

您不会在CSS中包含<style></style>标记。这些标记仅适用于HTML文档。这就是你要做的事情:

创建一个CSS文件(例如custom.css)。在文件中,您将拥有以下内容:

body {
    color: red;
}

然后在HTML文档中,添加以下标记以链接到外部样式表:

<link type="text/css" rel="stylesheet" href="custom.css" />

注意:您可能需要根据文件结构调整href值。

答案 2 :(得分:0)

您需要使用上面显示的链接创建一个链接到您想要css的页面头部的css文件,但一定要将它添加到任何jquery链接之上,以加快它的时间将你的页面加载。

链接添加到标题:

<link rel="styesheet" type="text/css" href="style.css"/>

示例css文件:

/*this css demo file i will call style.css for demo purposes */

/* div styles by id */
#id
{
    color:#000000;
    float:right;
    border:solid 1px #929292
}

/* div style by class */
.class 
{
    color:#000000;
    float:right;
    border:solid 1px #929292
}

/* class style within a div id to use that style only when an item  
* is within that certain div id
*/
#id .class
{
    color:#000000;
    float:right;
    border:solid 1px #929292
}

我希望这会有所帮助。