css - 我如何给一个标题它自己的样式表?

标签 css html stylesheet

特别是我只想通过给它自己的颜色、字体、大小、重量等来改变这个标题

<div id="header">
   <a href="google.com">
   <h1>
       <li><a href="#" class="navLink">EXAMPLE LINK</a></li>
   </h1>
</div>

最佳答案

首先,您的 HTML 中有几个错误,应首先修复:

<div id="header">
    <!-- needs a closing </a> tag and some text, as well as a full href -->
    <a href="http://google.com"></a>
    <!-- what is your reason for using an LI element here? -->
    <h1><li><a href="#" class="navLink">EXAMPLE LINK</a></li></h1>
</div>

就样式而言,您可以使用 CSS,如下所示:

h1 {
    color: red;
    font-size: 5em;
    text-decoration: underline;
}

/* etc. */

在 Google 上搜索基本的 CSS 教程。一旦决定了要应用的样式,只需将文本文档保存为“style.css”之类的文件,然后将 LINK 元素添加到 HTML 文件的标题(这将允许您将其用作外部样式表。):

<head>
    <link rel="stylesheet" href="style.css" />
</head>

还有其他应用样式的方法,例如内联样式等,但以上是比较典型的方法之一。

这里有一些资源可以帮助您入门:
w3schools CSS tutorial
CSS-Tricks
How to apply stylesheets

关于css - 我如何给一个标题它自己的样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20941336/

相关文章:

html - CSS Div 离开视口(viewport)并破坏响应式设计

javascript - 为什么 css 动画在移动设备上更快?

javascript - 如何选择具有特定CSS属性的div

jquery - 重叠使用 Jquery 创建的新 Div?

没有反弹 css 时,Javascript scrollTo() 不工作?

css - Rails 4 样式表加载(twitter bootstrap 和更少)

html - 更少的样式 : Comma-separated div's nested within media query not applying

css - 是否可以在外部加载的样式表中修改 CSS 规则的选择器?

html - 在同一个 html 页面中使用两个不同的 css

css - 如何删除行内 block 元素之间的间隙