html5中div的用法,以及div的属性!

原创 qw296609675 随笔 学习知识篇幅 701阅读 2017-05-25 15:27:03 举报

html5中<div></div>标签主要用于在可定义文档中定义分区和节点,div会把文档分割为独立的不同的部分.
当想要给div添加样式时,可以直接在标签内添加style="",在双引号内添加样式即可,不过这里推荐在css文件中,或有需要时,在script文件中添加所需要的样式!
div添加样式可用id(#) 或者 class(.),当然不同的语言也有不同的获取方法,这里不一一讲解了.这里id是不可重复的,class是可重复的,并且样式可以复用,这里建议用class来设置样式,id来设置事件.

这里说下div的属性,div是一个块级元素,何为块级元素,就是当你使用div时,div的weith是100%,如果要在div1后面加一个div2那么div2就会换行!(内级元素为,只要你的内容不是全部屏幕的100%,那么剩下的东西就会在当前内连元素的!
属性一览 id 用于标记唯一的对象 <div id="***"></div>
class 用于标记元素一个或多个类名称! (class 又叫类)!
align 规定div元素中的内容对齐方式! <div align="center"></div>当前为水平对齐,<div> center 可修改为left(左对齐),right(右对齐).
style 设置内镶样式 列入 <div style = "color:red; " ></div>当前为div中的文字为红色字体.
title 当鼠标移到该元素时,会显示一段文本信息用于提示 <div title = "显示出来我了!"></div>
dir 来规定内容的阅读顺序, 例如<div dir = "ltr"></div>为默认的,从左向右的文本方向. 也有rtl从右向左的方向, 也有auto 让浏览器根据内容来判断方向,只在文本方向未知的情况下推荐使用.
lang 规定该元素中所要使用的语言.例如<div lang = "zh"></div>表示所用的为中文
accesskey 是让当前的操作带上快捷键,比如<div accesskey="a" onclick=click()"></dv>当你用Alt加上a时,就会迅速走click()这个函数.
onclick 让该用户点击当前div所有范围时,来触发事件
tabindex 该属性用于你按tab键时,规定为第几个选中 例如<div tabindex = "1"></div>当你按tab时,直接就会选中当前div
contenteditable 为让用户是否可以编辑元素中的内容,当为true时,代表可以编辑
data- 自定义的data-前缀属性,用于存放数据.
draggable 来规定div是否能被拖动,通常跟title一起使用,来达到, 拖动了一个table
hidden 来给div隐藏,并且不占用任何空间
role 让浏览器更加注重的看当前div 的身份,例如<div role ="checkbox" aria-checked="checked">来规定当前div是一个checkbox并且为选中状态.
spellcheck 当起值为true时,需要对当前文本进行拼写检查.例如<div spellcheck = "true"></div>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复