HTML和CSS

一.html元素
html元素指的是从开始标签到结束标签的所有代码
html元素的语法是
•HTML 元素以开始标签起始
•HTML 元素以结束标签终止
•元素的内容是开始标签与结束标签之间的内容
•某些 HTML 元素具有空内容（empty content）
•空元素在开始标签中进行关闭（以开始标签的结束而结束）
•大多数 HTML 元素可拥有属性
html的大多数标签是可以嵌套使用
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=“value”。
属性总是在 HTML 元素的开始标签中规定

二.css
css主要是用于页面的样式与布局
css语法
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
css有许多选择器
比如
类选择器.class
id选择器#id
通用选择器*
标签选择器p（以p把标签为例）
后代选择器div p（以div和p标签为例）
子代选择器div>p（子代选择器是只找符合要求的子元素而后代选择器是找符合要求的所有后代元素）
兄弟选择器div+p
等等
css的样式也有许多
比如
用background-color设置背景颜色
用background-img设置背景图片
font-size设置字体大小
color设置字体颜色
等等
css定位
1.浮动
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
2.相对定位
设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。
3.绝对定位
设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
4.固定定位
将元素固定在页面可视区的某个位置处，不会随着滚动条变化而移动
固定定位的元素会脱离文档流
固定定位的元素会变成块级元素
固定定位永远是相对于body实现定位