html&css总结

html超文本标记语言

标签的属性：
class 为标签起一个类名 css
id 唯一标识
style 内部样式
title 元素的额外信息

---

水平线

换行
链接
target=“跳转的位置”
_blank跳转新的窗口（常用）
_self当前窗口（常用）
_parent覆盖父类
_top跳出框架
name=显示的名字 定义锚的名字，页面上的书签
锚
name可以用id来代替
提示
注意：如果找不到定义的锚，定位到顶端
图像
src图片源 alt替换文本属性
注：在浏览器无法加载图片时，替换文本属性，告诉读者他们失去的信息，此时浏览器将显示文本而不是图像
bgcolor背景颜色 background背景图片

表格

行 列

单元格数据可以是：文本 图片 列表 段落 表单 水平线 表格 colspan 合并列 用于td th中 rowspan 合并行 bgcolor 表格背景颜色 background 背景图 align table:表格的整体居中或左右， tr/td：里面的数据居中或左右 cellpadding:单元格内容与其边框之间的空白大小 cellspacing:单元格之间的距离 &nbsp:空格 列表 1无序列表：有项目的列表，使用粗体圆点进行标记 ,每个列表开始于 type属性：设置标记符 disc：默认粗体圆点 circle:空心圆点 square:粗体方形

2有序列表：使用数字进行标记

1. ,每个列表开始于
2. 
   有序列表也有TYpe属性
   默认：数字标识
   A：大写字母标识
   a：小写字母标识
   I：大写罗马字母标识
   i：小写罗马字母标识

3定义列表：不是一列项目，项目及其注释形式的列表

,项目名称： ;项目解释：

HTML块
块级元素：可以用于组合其他html元素的容器；
会在浏览器显示时，通常会以新的行开始

• 
  内联元素：在显示时，通常不会以新的行开始
  

  层：没有特定的含义，对自己里面的字体设置样式 内联元素，做为文本的容器，没有特定的含义，可以对文本属性进行样式设置 表单用于搜集用户的各种输入 元素：表单元素指允许用户在表单中输入信息的元素 文本域： 密码域： 隐藏域： 单选框： (单选框一组的名字要保持一致) 复选框： （复选框一组的名字要保持一致） 下拉列表 默认选中第一个元素，加属性selected=”selected” 奥迪 宝马 上传文件 文本 (分别为行列，为字符值，不是像素) 提交按钮 普通按钮 撤销 reset 带标题的框

这里是标题

标签，用于光标聚焦到for所绑定的文本域或其他输入框
姓名

题：书的目录
书名：谁的青春不迷茫
解释：
1谁的青春不迷茫
你的孤独
虽败犹荣
2其实我们都一样
3向着光那方
框架:

HTML文档类型
声明，帮助浏览器正确地显示网页
所有头部元素的容器 包括了脚本，指定浏览器可以在哪里找的到样式表，提供元信息
定义文档标题，在HTML和XHTML中必须要有
三个功能：1.定义浏览器工具栏的标题
2.提供页面被添加到收藏夹时显示的标题
3.显示在搜索引擎结果中的页面标题
为页面所有的链接添加默认的地址或目标


定义网页与外部资源的关系，通常用于连接样式表

提供关于HTML的元数据（不会显示在HTML文档中，只对机器可读）
主要用于对页面的描述，关键词，文档作者，最后修改时间以及其他的信息


用于定义脚本

id名：单独的选择器

注：Html和xhtml中，类名和id名他们的定义区分大小写
id属性不允许有以空格分隔的词列表。（如good morning）
4类选择器：在css中，类选择器以一个点号加class名定义
(在html文档中，可以被多次使用)
.center{textalign:center}
注：类的第一个字符不能使用数字（Mozilla和Firefox不识别）
类选择器也可以作为派生选择器被多次使用
.center p{
color:red;

}//

p.center{
color:green;
}//class名为center的P加载样式
5属性和值选择器
为“title”=“school”的所有元素设置样式
[title=”school”]{border:5px;}
为包含指定值得title属性的元素设置样式，适用于空格分隔的属性值
插入样式的三种方法：
1.外部样式表：
2.内部样式表：
3.内联样式表:

宽度高度：width height
值：px(像素)，百分比，em（相对单位），1em=16px;
行内元素不允许设置宽度和高度