HTML基础知识
第十篇 主体内部标签
- 层
层属于网页中的块元素,层元素中可以包含所有其他的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