zoukankan      html  css  js  c++  java
  • html5--1.19 通用属性

    html5--1.19 通用属性

    学习要点:

    1.通用属性的概念及几个常用的通用属性
    2.对属性值的若干点补充

    通用属性

    通用属性(全局属性)可以用于任何的HTML5元素;通用属性有十几种;这节课不会全讲,会讲几种最常用的,其他的大家有兴趣可以自己测试一下,我们会把他们放到后边的课程或者具体的实例中去讲解;因为一下讲这么多不容易记住,也会使课程很枯燥。

    id属性

    id属性用于指定元素的识别名称,相当于一个人的身份证,是唯一的,同一个文档中不能有重复的id;一般配合CSS和JavaScript来选择元素。

    class属性

    class属性用于指定元素的类别名称,可以使用class元素给同一个文档中的多个元素进行归类,CSS就可以通过class个同一类元素设置统一的样式。

    style属性

    stlyle属性用于给元素设定样式(内联样式或内部样式表).

    title属性

    title属性用于显示省略的内容(或补充/提示说明的内容):当光标移动到元素内容上时显示title里的内容.

    dir属性

    dir属性用于设定元素标签内容的文字方向.在讲文本样式的 bdo元素时候用过。

    lang属性

    lang属性用于指定语言,比如中文还是英文:zh-cn/en;除了在html标签中设置,它还可以在特定元素中使用,改变该元素使用的语言.

    其他通用属性

    其他通用元素还有:

    • accesskey:元素快捷键
    • tabindex:元素移动顺序
    • draggable:元素拖动
    • contenteditable:元素是否允许编辑
    • hidden:隐藏元素
    • spellchcheck:元素检查
    • contextmenu:元素快捷菜单
    • data-yourvalue:自定义属性

    剩下的通用元素放到以后章节再讲解,有兴趣的也可以自己测试下他们各自的功能

          • 关于属性值的几点补充:

              1. name和id属性:属性值必须是大小写英文字母开头;
                其余部分可以包含字母、数字、下划线、点等符号;
                属性值是区分大小写的

              1. 属性值为数值时,必须输入正整数,不可谓0

            1. width,height是属性值:如果设置为正整数时,单位默认为px(像素),不需要要加上单位;但是在style中必须注明单位,否则会出错





    常用通用属性用法

    1、id用法1

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <style>
     6         #div1{width: 70%;height: 300px;border: 2px;background: #FFAAAA}
     7         #div2{background: #88FF88;width: 100%;height: 10%}
     8         #div3{background: #987654;width: 30%;height: 80%;float: left;}
     9         #div4{background: #456789;width: 70%;height: 80%;float: left;}
    10         #div5{background: #8888FF;width: 100%;height: 10%;clear: left;}        
    11     </style>
    12     <title>1.19 通用元素</title>
    13 </head>
    14 <body>
    15 <div id="div1">
    16     <div id="div2">我是标题</div>
    17     <div id="div3">我是导航栏</div>
    18     <div id="div4">我是iframe内联框架</div>
    19     <div id="div5">我是尾部</div>
    20 </div>
    21 </body>
    22 </html>
    View Code

    注意点:用#来设置我们的自定义标签样式

    2、class设置通用属性

     

    5、dir属性

  • 相关阅读:
    poj 2528 Mayor's posters (线段树+离散化)
    poj 1201 Intervals (差分约束)
    hdu 4109 Instrction Arrangement (差分约束)
    poj 1195 Mobile phones (二维 树状数组)
    poj 2983 Is the Information Reliable? (差分约束)
    树状数组 讲解
    poj 2828 Buy Tickets (线段树)
    hdu 1166 敌兵布阵 (树状数组)
    Ubuntu网络配置
    Button控制窗体变量(开关控制灯的状态)
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/7903829.html
Copyright © 2011-2022 走看看