HTML知识基础语法篇(10)

HTML基础知识

第十篇 主体内部标签

35∼35

35. 层
    层属于网页中的块元素，层元素中可以包含所有其他的HTML代码，层提供了一种分块控制网页内容的方法，可以
    通过改变层的位置来改变层中内容在网页中的相对位置，层中的内容与网页中其他元素内容不同之处是，各层之间可以彼此叠加
    各层在z坐标（垂直页面的方向上）的次序可以改变。
    <创建层第一步先定义认为是一层的数据块>
    当前定义这些数据块的方法是通过<div>标签
    <div>——>标签
    <div></div>中包含元素的特性由
    标签的属性来控制，或者通过使用样式表格式化这个块来进行控制
    语法：
    <div>
    …
    </div>
    [1].<div>标签属性
    语法：
    <div id=“value” align=“value” class=“value” style=“value”>
    …
    </div>
    id：<div>标签的ID也可以说是它的名字，常和CSS样式结合，实现对网页中任何元素的控制
    align：用于控制<div>标签中的元素对齐方式，其value值可以是left，center，right
    class：用于设置<div>标签中的元素样式，其value值为css样式中的class选择符
    style：用于设置<div>标签中的元素样式，其value值为css属性值，各属性值间应用分号分隔
    [2].align属性
    可以改变

    标签的水平对齐方式
    语法：
    <tr align=“left”>
    [3].id属性
    id属性用于定义一个元素的独特的样式，即设置标签的标识
    语法：
    id=“str”
    例如一个css规则
    #font1{font-size:llarger}
    使用方法
    id=“font1”
    id是一个标签，用于区分不同的结构和内容，就像人的名字，如果一个屋子有两个人同名，就会混淆
    [4].class属性
    class属性用于指定元素属于何种样式的类，即设置标签的类
    语法：
    classname{color}
    classname：class属性的名称
    例如：样式表可以加入：
    color1{color:lime; background:#ff80c0}
    使用方法：
    class=“color1”
    说明：
    class是一个样式，可以嵌套在任何结构和内容上
    [5].id属性和class属性的区别
    id属性是先找到结构/内容，再给他定义样式
    id属性通常由于定义页面上一个仅出现一次的标签，因为一个id在一个文档中只能使用一次。
    class属性是用来根据用户定义的标准对一个或多个元素进行定义，可通过css，JavaScript等来使用这个类，
    因此可以在一个页面上使用class=“frodo”，class=“gandalf”，class=“aragorn"来区分不同的故事线，
    还有一点非常重要就是可以在一个文档中使用任意次数的class
    id在标准上是一个id只能在文档中使用一次，但大多数浏览器不会出错，建议按标准来。
    还一区别，在一个结构文档中，可以多处使用同一个class名，而id名必须是惟一的，例如：
    定义一个描述字体的css
    .font{
    color:#009900;
    }
    下面的文档中将多次使用到同一个样式表”.font"
    <h1 class=“font”>javascript技术大全</h1>
    <div class=“font”>网址：www.dbahdbla.com</div>
    而id名在同一个文档中是需要唯一的，名称不可重复。
    [6].style属性
    style属性用于设置对象的内嵌样式
    语法：
    <div style="">
    …
    </div>
    position属性：
    style属性最常用的功能之一就是进行

    标签的定位，其对应的属性就是position
    语法：
    position:static|abdoulte|relative
    static：无特殊定位，对象遵循HTML定位规则
    absolute：将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位，
    而其层叠通过z-index属性定义，此时对象不具有边界，但仍有补白和边框
    relative：对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置

由于本次的知识点较多，所以到35,其他的标签如span等会在css中结合css讲解，所以这里没有提及。

每天晚上21:00更新，有时会提前更新，原创cyz