目录
1,html简介
HTML :超文本标记语言 (Hyper Text Markup Language)。
HTML 不是一种编程语言,而是一种标记语言(markup language)。
标记语言是一套标记标签 (markup tag)。
HTML 使用标记标签来描述网页。
2,元素
元素=标签+属性+内容
布局:static,静态流式布局。
2.1,块元素
块元素:独占一行,可以设置宽高。标签:div,p,h1—h6。
如果不设置宽高,宽度就继承父元素的宽度,高度是0。如果有内容,高度就是内容的高度。
2.2,行元素
行元素:不能设置宽高,宽高取决于元素本身的内容。
多个元素占用一行,到最后会自动换行。标签:a,b。
2.3,行内块元素
行内块元素:既有行元素的特性,也有块元素的特性。标签:bottom,img,input。
可以为元素设置宽高,不独占一行,多个行内块会左右排列。
3,元素定位方式
3.1,默认定位
默认定位:position:static,采用流式布局,不能通过top等样式来设置位置。
3.2,相对定位
相对定位:position:relative,元素还在流式文档中,通过top等属性进行样式的微调。
一般情况下,如果是父子元素中,父元素中可以设置相对定位。
3.3,绝对定位
绝对定位:position:absolute,元素脱离文档流,不在参与父元素的流式布局,不在撑开父元素。
absolute在定位置后,不使用left等值设置时,元素会跑到原有的位置上,开发中不能这样做。
absolute相对于离自己最近的position为非static的祖先元素进行定位。