我一直在使用CSS和HTML的这一点和即时通讯试图复制正是这一形象在这里
下面是我尝试使用多个h1来做的事情,但后来我搜索了如何拥有多个h1,建议一般不要这样做
h1
{
border : 0px none blue ;
width : 1000px ;
}
<!DOCTYPE HTML>
<html lang = "en">
<head>
<meta charset ="UTF-8">
<title>Headings!</title>
<style>
h1 {color : Red ; background : Blue ;}\
h1 {color : Orange}
h1 {color : Yellow}
h1 {color : Green}
h1 {color : blue}
h1 {color : purple}
</style>
<link rel ="stylesheet" href = "heading.css">
</head>
<body>
<h1>This is a heading using h1<h1>
<h1><p style="text-indent:300px;">This is a heading using h1<h1>
<h1><pre>This is a heading using h1</pre><h1>
<h1>This is a heading using h1<h1>
<h1>This is a heading using h1<h1>
<h1>This is a heading using h1<h1>
</body>
</html>
我把它们都放在同一个文件夹里,但我承认我不知道我在做什么
4条答案
按热度按时间gg0vcinb1#
您可以使用类将不同的样式应用于不同的h1元素。
类可以在html中用
class=""
属性设置,也可以在css中使用,方法是在类名前用.
寻址。以下代码适用于生产站点:
mzmfm0qo2#
当你只针对
h1
标签制定规则时,它会影响所有的标签!实现这一点的最好方法是为你想做的每一件事创建一个CSS类。你应该用一种描述它们所做的事情的方式来命名它们,就像这样:ctzwtxfj3#
当你在开发一个真实的网站时,在同一个页面上有多个h1标签并不是一个好的做法。你在这里做的看起来像是某种练习/学习练习,所以这不是问题。
这个练习鼓励你使用相同的h1标签作为挑战,所以你必须找到一种方法,不要在样式部分只使用“h1”选择器,因为这些样式会影响每个h1标签。
您可以使用内联样式,就像使用
(don不要忘记关闭
<p>
标签,虽然你只能在这里使用h1标签:<h1 style="text-indent:300px;">This is a heading using h1<h1>
)作为旁注,您可以使用
text-align: center
将h1的文本居中更好的方法是使用classes:
然后,在标记之间,您可以使用类选择器(类名称前有一个点:
然后你可以为每个h1使用不同的类来得到你需要的,你可以选择你想要的类名,越直观越好。
另一个侧记:你在
<style>
标签之间写了什么,你可以在你链接的CSS工作表上写:heading.cssgzszwxb44#
如果你在生产中不需要这个页面,你可以有尽可能多的H1。如果你准备网页生产你应该只有一个H1