HTML学习笔记整理
Posted 流水乄心
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML学习笔记整理相关的知识，希望对你有一定的参考价值。
行级元素和块级元素
1.什么是标准文档流
在不使用绝对定位和浮动等CSS相关规则的时候，咋们的各个元素排列的规则。换句话说就是CSS规定网页元素默认排列的方式
2.块级元素与行级元素比较，特点：
*独占一行，前后的内容换行显示。
*块级元素可以作为容器，可以容纳其他块级元素和行级元素，经常用来布局，行级元素主要用来容纳图片文字或者超链接。
基本的块级元素: h1-h6 p hr 常用的块级元素: ul ol li dl-dt-dd table form div div ul li 组合设置导航 table tr td 设置表格 form table tr td 布局 行级元素:内联标签，行内标签 常用标签： img图像 、 超链接 、 span范围标签 、 br换行 、 input文本标签 、textarea多行文本域
<span>男</span><input type="radio"/>; <br/> <br></br> dispaly:(inline inline-block block) 变为行级元素 行级块元素 块级元素
position
1.relative
1.1 不影响这个元素本身特性
1.2 不会使元素脱离文档流
1.3 如果没有设置定位偏移量，他本身不会有任何影响
1.4 相对于父级（元素初建时位置）
2.static
默认值，意思是遵循文档流的布局方式。
3.fixed
固定布局，设置了偏移量后，定在屏幕固定的位置处
4.absolute
4.1 让元素脱离文档流(float也会),漂浮在文档上
4.2 使用定位后，设置当前定位的这个元素为 <display:inline-block> 使内嵌元素支持宽高
4.3 块级元素，内容可以撑开宽度
文档 > html > body
javascript
1. 解释型的脚本语言：
- 不需要编译
- 运行时再翻译为机器语言
- 每一次执行都要翻译一次，所以效率低下。并且还要依赖解释器V8引擎，才能跨平台。
编程语言分为：声明语言（SQL）、命令式语言（php）。
2.嵌入的三种方式
-
内联引用（事件方式）
onclick="alert(‘输出的文字‘)"点击
- 内部引用
<head> <script type="text/javascript"> document.write("dreamdu!"); </script> </head> - 外部链接
<script type="text/javascript" src="js文件路径"></script>
注意
- 绝对定位的时候，如果有定位父级，就相对于父级移动，没有定位父级就相对于整个文档移动。
- 如果父级有多个定位元素，则找最近的一个移动。
- 相对定位一般配合绝对定位使用。
- 多个漂浮的元素时：z-index 设置层级（负数 < 零 < 整数）
以上是关于HTML学习笔记整理的主要内容，如果未能解决你的问题，请参考以下文章