CSS基础知识小结

HTML表单标签
    form：所有表单标签的根标签；
        action：提交数据的服务端地址；
        method: 请求方式，例如：Get和Post。
        enctype：指定提交数据的编码格式。
        
        Get和Post的区别？
        1）Get提交数据显示在浏览器地址栏上，而Post请求请求参数不会显示在地址栏；
        2）Post请求的安全性比Get请求高；
        3）Get请求会缓存，而Post请求没有缓存；
        4）Get请求参数长度有限制，而Post请求没有长度限制；
        
    input：输入标签
        type：text、password、radio、checkbox、button、submit、reset、file等等
    textarea：文本域
        cols: 显示的列数
        rows: 显示的行数
    select和option：下拉框


事件：
    事件三要素：事件源、事件监听器（onXxx）、响应动作（js代码）。
    
    onClick
    onDblClick
    onForus
    onBlur
    onKeyPress
    ....
    
CSS: 层叠样式单，美化网页。
    编写方式：1）在style标签中编写CSS；2）在外部的CSS文件中编写CSS，然后把CSS文件引入到HTML页面；
        3）在HTML元素中定义style属性（优先级最高）；
        
    选择器：标签选择器、类选择器、ID选择器、伪类选择器、通用选择器、交集选择器、并集选择器。
    CSS样式：
        1）背景样式：
            background-color: 背景色
            background-image: 背景图
            background-repeat：no-repeat 不平铺
            background-position：背景图的位置
            background-attachment: fixed  固定背景图
        
        2）字体和文本样式：
            font-size: 字体的大小
            color: 字体的颜色
            text-indent: 文本缩进
            text-decoration: 修饰文本
            text-align: 文本对齐方式
            text-transform: 转换大小写
            
        3）表格样式：
            border-collapse: 合并单元格的边框；
            border-spacing：设置单元格边框的距离；
            
        4）边框样式：设置元素边框的宽度、颜色和风格。
            border-开头
            
        5）盒子模型：设置元素的内边距和外边距。
            内边距：元素内容与边框的距离；
                注意：元素实际宽度=元素的width + 左右padding
                    元素的实际高度=元素的height + 上下padding
            外边距：元素边框以外的部分；
                margin-left：-10px
                
        6）定位：
            相对定位：相对于元素原先位置的定位；
            绝对定位：相对于屏幕的位置而言；
            固定定位：跟绝对定位一样，但是不会随着屏幕滚动而滚动；
                postion：relative|absolute|fixed
                left：元素左上角的横坐标
                top：元素左上角的纵坐标
            
            浮动定位：
                float：设置向哪个方向浮动；