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:設置向哪一個方向浮動;
相關文章
相關標籤/搜索