美文网首页
div,id属性

div,id属性

作者: Gorden_x | 来源:发表于2017-08-17 14:17 被阅读0次

1.div元素,也被称作division(层)元素,是一个盛装其他元素的通用容器。
所以可以利用CSS的继承关系把div上的CSS传递给它所有子元素。
你可以用<div>来标记一个div元素的开始,然后用</div>来标记一个div元素的结束
<div> </div>

2.你可以用 background-color 属性来设置一个元素的背景颜色。
例如,如果你想把一个元素的背景颜色设置为green,你应该把这些加到你的 style 元素中:
<style>
.green-background {
background-color: green;
}
</style>

3.除了 class属性之外,每一个 HTML 元素还可以使用 id 属性。
使用 id 属性有若干好处,一旦当你开始使用 jQuery 的时候你会有更深的体会。
id 属性应该是唯一的,虽然浏览器并不强制唯一,但基于最佳实践,这一点是被广泛认可的,所以请不要给一个以上的元素设置相同的 id 属性。
下面举例说明了如何设置h2 元素的id属性为cat-photo-app。
<h2 id="cat-photo-app">

4.和类选择器一样,你也可以使用ID选择器来声明样式。
声明一个叫cat-photo-element的ID选择器 ,并设置背景色为绿色。
<style>

cat-photo-element {

background-color: green;
}
</style>
<form id="cat-photo-element"> </form>
注意:在你的 style 元素内部,定义类选择器必须添加 . 为前缀,定义ID选择器必须添加 # 为前缀。

相关文章

  • CSS选择器

    指定选择器: div#top:指定id为top的div div[id]:指定有id属性的div -----...

  • div,id属性

    1.div元素,也被称作division(层)元素,是一个盛装其他元素的通用容器。所以可以利用CSS的继承关系把d...

  • 原生js获取编译好的vue工程里面的对象

    就是 id="app" 那个div 编译号后估计没有id属性了 最外层的div有些没有最外层的div的 有个笨办...

  • 元素选择器

    子元素选择器+兄弟选择器通用兄弟节点选择器pb[ ]通用选择器[id]附带id属性的div[ id]div中具有[...

  • bootstrap旋转木马

    div标签:包含carousel-inner类div标签和图片切换控制按钮a标签。-id属性-carousel类-...

  • html属性

    附:大部分标签的属性保留在html属性里 1.div所具有的id属性class属性 为div提供一个唯一的名称,用...

  • dom节点获取 设置 删除属性的三种方法

    js 1.HTMLElement类型对象的属性方法获取:div.id div.className img.src设...

  • 前端(js)

    Js 操作属性document .getElementByid("div1");根据ID来获取;document ...

  • 12day

    Js 操作属性document .getElementByid("div1");根据ID来获取;document ...

  • js

    Js 操作属性document .getElementByid("div1");根据ID来获取;document ...

网友评论

      本文标题:div,id属性

      本文链接:https://www.haomeiwen.com/subject/wangrxtx.html