标签:
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) 变为行级元素 行级块元素 块级元素
1.1 不影响这个元素本身特性
1.2 不会使元素脱离文档流
1.3 如果没有设置定位偏移量,他本身不会有任何影响
1.4 相对于父级(元素初建时位置)
默认值,意思是遵循文档流的布局方式。
固定布局,设置了偏移量后,定在屏幕固定的位置处
4.1 让元素脱离文档流(float也会),漂浮在文档上
4.2 使用定位后,设置当前定位的这个元素为 <display:inline-block> 使内嵌元素支持宽高
4.3 块级元素,内容可以撑开宽度
文档 > html > body
内联引用(事件方式)onclick="alert(‘输出的文字‘)"
点击
<head> <script type="text/javascript"> document.write("dreamdu!"); </script> </head>
<script type="text/javascript" src="js文件路径"></script>
标签:
原文地址:http://www.cnblogs.com/White-destiny/p/5335294.html