HTML学习总结
HTML概念
HTML(Hypertext Marked Language)超文本标记语言,被用作WWW的信息表示语言;定义了网页内容的含义和结构
一个完成HTML文档由元素、标签和属性组成
元素
HTML元素是组成HTML文档最基本的部件,通过标签来实现
HTML元素分为块级元素和行级元素:块级元素的效果是该元素的内容对于其前后元素都另起一行,行级元素在网页中的效果是该元素的内容对于前后元素的内容都在一行显示。
标签
HTML标签由一对尖括号<>及标签名组成,标签分为起始标签和结束标签两部分;
如:<p>(起始标签) 标签中的内容 </p>(结束标签)
列表标签
属性
HTML的元素属性提供了对HTML元素的描述和控制信息,如元素背景颜色,元素字体大小,字体颜色等
绝对路径和相对路径
定位
定位分为绝对定位、相对定位和固定定位
position属性:控制Web浏览器如何显示,在何处显示特定元素,可以将元素从文本流脱离出来显示
定位 |
绝对定位 |
相对定位 |
固定定位 |
概念
|
指使元素相对于html元素或离他最近的祖先定位元素进行定位 |
每个元素在页面的文档流中都有一个自然位置,相对于这个位置对元素进行移动,周围元素完全不受影响
|
使元素相对于html元素或离他最近的祖先定位元素进行定位 |
特点 |
1、 使元素完全脱离文本流 2、 块元素的宽度会被其内容撑开 3、 使行内元素变成块元素 4、 绝对定位是相对于离他最近的开启了定位的祖先元素,如果祖先没有开启定位,则会相对于浏览器窗口进行定位 5、 使用时会同时为其父元素制定一个相对定位,确保可以相对于父元素定位 6、 绝对低挡位会使元素层级提升 |
1、 如果不设置元素的偏移量,元素位置不会发生改变 2、 相对定位是相对与元素在文档流中原来的位置进行定位 3、 相对定位不会是元素脱离文本流,元素在文本流中的位置不hi改变 4、 相对定位不会改变元素原来的特性。 5、 相对定位会使元素的层级提升,使元素可以覆盖文本流中的元素 |
1、固定定位永远相对于浏览器定位 2、固定定位会固定在浏览器窗口某个位置,不会随滚动条滚动 3、不支持IE6 4、固定定位也是一种绝对定位,固定定位的其它特性和绝对定位类似 |