HTML 10-30

1. margin:10px 20px 30px 40px;像素分别代表上右下左
margin:10px 20px 30px ；代表上10px 左右20px  下30px

margin：10px 20px 代表上下10px 左右20px

margin：10px 代表上下左右各10px

2。padding会导致 所占空间发生变化 可以破坏布局
解决方法 为了不破坏布局 在增加padding后 要减少原来width和height的值

3.块元素(block element)
    address - 地址
    blockquote - 块引用
    center - 举中对齐块
    dir - 目录列表
    div - 常用块级容易，也是CSS layout的主要标签
    dl - 定义列表
    fieldset - form控制组
    form - 交互表单
    h1 - 大标题
    h2 - 副标题
    h3 - 3级标题
    h4 - 4级标题
    h5 - 5级标题
    h6 - 6级标题
    hr - 水平分隔线
    isindex - input prompt
    menu - 菜单列表
    noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
    noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
    ol - 排序表单
    p - 段落
    pre - 格式化文本
    table - 表格
    ul - 非排序列表



    内联元素(inline element)
    a - 锚点
    abbr - 缩写
    acronym - 首字
    b - 粗体(不推荐)
    bdo - bidi override
    big - 大字体
    br - 换行
    cite - 引用
    code - 计算机代码(在引用源码的时候需要)
    dfn - 定义字段
    em - 强调
    font - 字体设定(不推荐)
    i - 斜体
    img - 图片
    input - 输入框
    kbd - 定义键盘文本
    label - 表格标签
    q - 短引用
    s - 中划线(不推荐)
    samp - 定义范例计算机代码
    select - 项目选择
    small - 小字体文本
    span - 常用内联容器，定义文本内区块
    strike - 中划线
    strong - 粗体强调
    sub - 下标
    sup - 上标
    textarea - 多行文本输入框
    tt - 电传文本
    u - 下划线
    var - 定义变量

块级元素和行内元素之间的一个重要的不同点，

1，对于行内元素而言

设置宽度width 无效。
设置高度height 无效，可以通过line-height来设置。
设置margin 只有左右margin有效，上下无效。
设置padding 只有左右padding有效，上下则无效。

2.text-align属性是两者表现的又以不同之处

这个特性描述了如何使一个块元素的行内内容对齐。
注意一点，w3c标准里说这个属性是用来对齐行内内容的，所以，不应该对块级内容起作用。
解释一下，行内内容是说由行内元素组成的内容,。

选择器类型

id选择器  
类选择器   .classname
标签选择器  如  p  div .........
派生选择器  如 div p{}       
通配选择器 *{}
伪类选择器。。。。