WEB开发设计1

1.块元素与行内元素

块级元素
a.总是在新行上开始；
b.高度、行高以及外边距和内边距都可控制；
c.宽度默认是它容器的100%，除非设定一个宽度；
d.他可以容纳内联元素和其他块元素。

<div>
<form>
<h1>
<hr>:水平分隔线
<li>
<ol>
<ul>
<table>：表格
<center>

行内(内联)元素
a.和其他元素都在同一行；
b.高，行高及外边距和内边距不可改变；
c.宽度就是它的文字和图片的宽度，不可改变；
d.内联元素只能容纳文本或者其他内联元素。

<br>：换行
<label>
<span>
<textarea>:多行文本输入框
<img>
<input>

行内块级元素inline-block
和其他行内或行内块级元素元素放置在同一行上；
元素的高度、宽度、行高以及顶和底边距都可设置。

元素类型转换display
display:block(块级元素)
display:inline(行内元素)
display:inline-block(行内块元素)

float
当把行内元素设置完float:left/right后，该行内元素的display属性会被赋予block值，且拥有浮动特性。行内元素去除了之间的莫名空白。
position
当为行内元素进行定位时，position:absolute与position:fixed.都会使得原先的行内元素变为块级元素。

2.css三种位置

内联样式：

<h1 color="red">one</h1>

嵌入样式

外部式

**！important**

文本格式化标签

3.网页布局初步

position:
relative
元素相对于它在文档流中的位置的起始点进行移动
使用相对定位时，就算元素被偏移了，或完全离开了，但是他仍然占据着它没偏移前
的空间,也就是说它本来的占位仍然在，它后面的元素位置不会受到影响，也不会占它的位置
absolute
绝对定位则会删除掉该元素在文档流中的位置，完全从文档流中抽了出来
如果它的父元素设置了除static之外的定位，比如position:relative,或者position:absolute以及position:fixed，那么它就会相对于它的父元素来定位，位置通过left , top ,right ,bottom属性来规定，如果它的父元素没有设置定位，那么就得看它父元素的父元素是否有设置定位，如果还是没有就继续向更高层的祖先元素类推，总之它的定位就是相对于设置了除static定位之外的定位（比如position:relative）的第一个祖先元素，如果所有的祖先元素都没有以上三种定位中的其中一种定位，那么它就会相对于文档body来定位（并非窗口,相对于窗口定位的是fixed）

4.JS初步