码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习笔记整理

时间:2016-03-29 23:44:57      阅读:301      评论:0      收藏:0      [点我收藏+]

标签:

行级元素和块级元素

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. 解释型的脚本语言:
  1. 不需要编译
  2. 运行时再翻译为机器语言
  3. 每一次执行都要翻译一次,所以效率低下。并且还要依赖解释器V8引擎,才能跨平台。
编程语言分为:声明语言(SQL)、命令式语言(PHP)。
2.嵌入的三种方式
    1. 内联引用(事件方式)
      onclick="alert(‘输出的文字‘)"

      点击

      点击我

    2. 内部引用
      <head> <script type="text/javascript"> document.write("dreamdu!"); </script> </head>
    3. 外部链接
      <script type="text/javascript" src="js文件路径"></script>

注意

    1. 绝对定位的时候,如果有定位父级,就相对于父级移动,没有定位父级就相对于整个文档移动。
    2. 如果父级有多个定位元素,则找最近的一个移动。
    3. 相对定位一般配合绝对定位使用。
    4. 多个漂浮的元素时:z-index 设置层级(负数 < 零 < 整数)

HTML学习笔记整理

标签:

原文地址:http://www.cnblogs.com/White-destiny/p/5335294.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!