课程免费试听
网络营销培训专家:新川教育
   著名网络营销培训、淘宝电商培训机构.
实力机构,系统实战!免费试听.
网络营销,淘宝培训课程优惠
更多的全局属性《HTML5系列教程9》

来源:新川教育 阅读数:1545
添加时间:2017-4-8   类别:网页设计教程

更多的全局属性《HTML5系列教程9》

    在之前的一篇文章中,我们已经了解并介绍过了5种全局属性,在本篇文章中将会详细介绍更多的全局属性。希望对大家有所帮助。


1.class属性

    在HTML5中可以使用class属性对元素指定CSS类选择器。CSS类选择器用于指定元素使用什么样式进行展示。使用class属性给<span>元素指定字体大小和颜色的代码如下图:


2.id属性

    id属性规定了HTML元素在整个HTML文档中的唯一标识。id属性的语法如下:

<element id="value"

    在HTML文档中,可以使用id属性准确定位HTML元素,从而对元素进行各种操作。比如使用id属性给HTML元素设置样式的代码如下图:


3.title属性

    title属性用于描述元素的信息,当用户将鼠标悬停到具有该属性的元素上时,会显示title的内容信息。代码和效果如下图:


4.style属性

    style属性用于规定元素的行内样式,并覆盖任何全局的样式设定。像通过样式选择器设定文本的颜色为黄色,同时又通过style属性设定文本的颜色为蓝色,那么style属性将覆盖样式选择器,字体将显示为蓝色。代码及效果如下图所示:


5.accesskey属性

    accessKey属性用于给HTML元素定义快捷键,以便获得焦点或激活元素。比如在一个HTML文档中有两个按钮,其中一个设置了快捷键,另一个没有设置,当按下快捷键时,获得焦点的按钮是有一个蓝色的边框的,代码及效果如下图所示


6.dir属性

    dir属性规定了元素内容的排列方向。该属性对应三个值,如果是从左向右排列,则使用ltr;如果是从右向左排列,则使用rtl;如果要根据浏览器内容自动判断,则使用auto。代码及效果如下图:


7.contextmenu属性

    contextmenu属性是HTML5中新增的属性,用于指定上下文菜单的数据源。当用户在指定位置单击鼠标右键时,弹出右键菜单,并显示菜单,可以显示多级菜单。不过较为可惜的是,目前只有Firefox浏览器实现了该功能。添加菜单的代码和效果如下图:


8.draggable属性

    draggable属性是HTML5的一个新属性,用于设置是否可以进行拖曳。draggable的值是一个布尔值,当值为TRUE是可以进行拖曳;当值为FALSE时,不能进行拖曳。将鼠标停放在要拖曳的元素上,按下鼠标左键即可进行拖曳操作。拖曳一段文字的代码及效果如图:


在HTML5中更多的新增属性就到这里了,在下一篇文章中,将为大家介绍新增的主体结构元素。了解更多精彩资讯请加官方微信:pyyuanxing。祝大家生活愉快、身体健康。

学营销送淘宝大优惠活动!    限20名! 报名从速。

      友情链接

  1. 办公文秘
  2. 美术培训
  3. 营销就业班
  4. 资料下载
  5. 学员作品
  6. 学校图片
  7. 联系方式
  8. site map

地址: 广州市番禺区市桥街桥东路63号银座中心7楼全层(番禺中医院旁边,百德中心斜对面)   
电话: 020-84829690   咨询QQ:522961923  点击这里给我发消息 
咨询微信:18926224142   微信公众号:新川教育
Copyright 2005-2020广州新川教育 All rights reserved.粤ICP备11014454号-6