2014-12-13 51 views
0

我想知道所有不同类型的div类。我对divs有一点了解。(HTML)Divs的完整列表?

这里是我会怎么用一个div,然后自定义使用CSS div的内容的例子。

div .header { 
    font-family: "Bebas"; 
    font-size: 25; 
    font-color: #00FF00; 
    float: right; 
    position: relative; 
    right: 120px; 
    bottom: 1095px; 
} 

所以,如果你没有关注我的问题,我想知道的是;

  • A.这是否代码看起来好吗?
  • B.有多少个div类,它们叫什么?
  • 和C.有人可以给我一个简要的解释,他们是什么,更具体地说,如何使用它们。

我主要是自学成才的,如果你想知道。

+0

看起来你对HTML/CSS一无所知。在做其他事情之前,你应该开始学习。这里有一个教程:http://www.w3.org/Style/Examples/011/firstcss – 2014-12-13 19:27:53

回答

0

如前所述,您可以根据需要设置多个div类,但它们不是预设的。我也会推荐做Codecademy教程。

看着你的代码,你告诉div浮动:正确; - 很好。然后你使用position:relative;接着是右:和底部:值。无论是浮动还是位置,都不需要两者兼而有之。

您编写规则的方式可能不是您的意思。它目前正在寻找这一点 -

<div> 
    <div class="header"> 
     <p>Content</p> 
    </div> 
</div> 
  • 与类的头,这是一个DIV中的元素。

所以你的规则变成您应该删除的空间 -

div.header { 
    enter code here 
} 
+0

感谢您的帮助,每个人。是的,漂浮在那里是因为意外,我意识到我发布后。 #AmateurHour。感谢您的链接,我会检查出来。我懒得对每个答案都表示“感谢”,所以希望有一个普遍的感谢会做。 :) – Josh 2014-12-14 21:35:25

2

要回答你的问题,你可以有任意多的div。并且您可以指定class或id来标识每个div。只是知道id是唯一的,你不能将同一个id分配给多个元素。

和你的CSS格式是正确的,但我不知道为什么你声明右边/底部当你的位置是绝对有出浮动的只会渲染。

我建议你去通过一些教程在http://www.codecademy.com。免费。并且不需要任何注册,除非您想保存您的进度。

0

是的,你写的代码看起来不错。我不知道你打算如何处理这段代码,所以只用语法就好了。

来到你的子问题,B和C,

div是几乎没有特定的任务或目标块级元素。它们是用于大多数任务的通用元素。块级元素充当容器,而div是我们获得的最基本的容器类型。

我们可以使用div存储其他元素,设计网页文件和文本和图像,什么不正确缩进。

0

让我们依次回答你的问题之一:

A - 您的代码看起来不错(根据您的需要)。

B - 您可以根据需要使用任意数量的div类。

C - 您可以使用div类来描述它的内容,如:div.header,div.body,div.footer等等。 但我推荐使用新的HTML5语义标签,它很容易,清晰,功能更强大,搜索引擎优化。

欲了解更多信息,请检查以下链接www.itibooks.com/html/html5-semantics