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:设置向哪个方向浮动;

 

posted @ 2019-02-26 15:36  星满夜空  阅读(147)  评论(0编辑  收藏  举报