0

如何将以下代码输入到 CSS 中，这样我就不必将其复制并粘贴到每个 HTML 页面中？

ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}

我的问题尤其是“ul”和“li”——我不知道该怎么办！任何帮助将不胜感激 - 谢谢！

4

4 回答 4

2

将您的 css 放在一个单独的文件中，并使用以下指令使其在每个页面中都可以访问：

<link href="url to stylesheet.css" rel="stylesheet" type="text/css">
于 2013-10-09T16:46:11.867 回答
0

创建一个CSS文件并将其链接到您的 HTML 文件。

于 2013-10-09T16:46:44.230 回答
0

在单独的文件中添加您的 css.css并在 html 文件中调用它

<!DOCTYPE html >
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" /> 
</head>
<body>
</body>
</html>
于 2013-10-09T16:47:59.817 回答
0

将 html 放在单独的 .CSS 样式表中，并将其引用为：

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

要使用 ul 和 li 标签，您可以编写类似于以下内容的内容：

<ul>

<li>
            <a href="#">Item 2</a>
            <ul>
                <li><a href="">Sub Item 1</a></li>
                <li><a href="">Sub Item 2</a></li>
                <li><a href="">Sub Item 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Item 3</a>
            <ul>
                <li><a href="">Sub Item 1</a></li>
                <li><a href="">Sub Item 2</a></li>
                <li><a href="">Sub Item 3</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Item 4</a>
            <ul>
                <li><a href="">Sub Item 1</a></li>
                <li><a href="">Sub Item 2</a></li>
                <li><a href="">Sub Item 3</a></li>
            </ul>
        </li>   
    </ul>
于 2013-10-09T16:50:47.080 回答