HTML/CSS筆記01

Lin_YT 發布于2019-08-30 15:44 / 914人閱讀

摘要：參數拼接在瀏覽器的地址欄請求報文格式參數放到請求報文請求體中進行傳遞表單元素單行文本框密碼框單選按鈕復選按鈕附件提交按鈕拓展搜索框，日期框，數字框，框的屬性參數的不能缺省參數的按鈕的時候不能缺省提示語用在單選按鈕和復選按鈕中表示默認選中

get 參數拼接在瀏覽器的地址欄 url?k=v&k=v

                    請求報文格式：
                        GET     /sms/register.action?name=terry&password=123

                        Content-size:12
                        user-agent:mac safari


                post     參數放到請求報文請求體中進行傳遞

表單元素

        1. input
            單行文本框     
            密碼框             
            單選按鈕         
            復選按鈕         
            附件             
            提交按鈕         
            h5拓展：搜索框，日期框，數字框，email框...
                
                
                
                
            input的屬性
                type
                name         參數的key(不能缺省)
                value     參數的value(按鈕的時候不能缺省)
                placeholder     提示語
                checked     用在單選按鈕和復選按鈕中表示默認選中
                selected    用在下拉菜單中表示默認選中
                【注意】：checked和selected可以為單值屬性
        2. select
            下拉菜單
            

            select中的子元素一定為option,option中一般要添加value表示當選中該元素的時候，select的參數值為該value值,option中的value值可以不設置，那么value默認為文本值

        3. textarea
            多行文本域
            

        4. 插件（日期選擇，地址選擇，富文本）

css

介紹
用于修飾HTML結構的，層疊樣式表

成疊

多個樣式修飾一個結構
子元素從父元素那里繼承樣式
優先級

樣式表

相關樣式在一起定義（封裝）

語法
1) 如何在html中應用css

1. 定義style屬性中
    缺點：樣式與結構冗余
    優點：優先級較高
    

2. 定義在head標簽中的style標簽中
    缺點：樣式的復用率較低
    優點：樣式與結構分離

    
        
        
        
        
        
    
    
        
    

3. 將樣式定義在css文件中
    優點：樣式的復用率高（框架:例如bs），樣式與結構分離
    style.css

    div {
        color:#fff;
        background:#333
    }

    b.html

2) 規則
    style屬性：
        屬性名:屬性值;屬性名:屬性值;

    style標簽/.css
        選擇器 {
            屬性值:屬性值;
            屬性名:屬性值;
        }
3) 注釋
    /*注釋內容*/
4) 選擇器
    1. 核心選擇器
        標簽選擇器
            h2 { }
            div {規則 }
        id選擇器
            #two {}
            
            
        類選擇器
            .second{}
            
            
        逗號選擇器
            h1,h2,h3 {}
        組合選擇器
            div#two {}
            選擇id為div的元素
            div,#two {}
            選擇div元素和id為two的元素
        普遍選擇器
            *
    2. 層次選擇器
        子元素選擇器     
            .header > a

            選中class為header的元素的直接孩子元素a標簽

            
                
                
                    
                    
                
            
            
                
                
            
        后代元素選擇器
            .header a
            選中class為header的元素的后代元素a標簽

    3. 屬性選擇器
    4. 偽類選擇器
    5. 偽元素選擇器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116146.html

HTML/CSS筆記01

摘要：參數拼接在瀏覽器的地址欄請求報文格式參數放到請求報文請求體中進行傳遞表單元素單行文本框密碼框單選按鈕復選按鈕附件提交按鈕拓展搜索框，日期框，數字框，框的屬性參數的不能缺省參數的按鈕的時候不能缺省提示語用在單選按鈕和復選按鈕中表示默認選中 get 參數拼接在瀏覽器的地址欄 url?k=v&k=v 請求報文格式： ...

KunMinX 2019-08-02 15:40 評論0 收藏0
01 【零基礎入門】html學習筆記（1）

摘要：公司就是中文網頁，極度的追求網頁的顯示速度，要使用。，與類似，用于將相關的內聯元素和文本歸組在一起。用途區別塊元素通常用在頁面中的主要構建模塊，而內聯元素則用來標記小段內容。之前學習了前端的一些基礎知識，現在想深入地、精通地學習前端，往前端和全棧工程師方向發展。之前學習前端主要是通過看視頻，結合動手練習?，F在認為看書+視頻+實踐，應該是最高效的學習方法。對于html、css，我主要...

xeblog 2019-08-02 10:38 評論0 收藏0
新聞爬蟲倒騰筆記

摘要：新聞爬蟲在列表頁獲取列表和時間材料，開發人員工具，插件，，安裝包使用開發人員工具分析網站右鍵或打開，刷新載入打開頁簽，點選第二排的小漏斗，點入頁面，因為新聞都有被檢索到的需要，所以一般情況下都可以在第一個文檔中找到需要的信息。新聞爬蟲1.0 在列表頁獲取列表和時間材料：Pycharm，Chrome開發人員工具，infoLite插件，bs4，request 安裝包 pip insta...

April 2019-07-30 14:40 評論0 收藏0
前端筆記

摘要：一嚴格模式與混雜模式如何觸發這兩種模式，區分它們有何意義聲明位于文檔中的最前面的位置，處于標簽之前。包含過渡和的也導致頁面以標準模式呈現，但是有過渡而沒有會導致頁面以混雜模式呈現。不存在或形式不正確會導致和文檔以混雜模式呈現。一：HTML+css 1.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義? Doctype聲明位于文檔中的最前面的位置，處于標簽...

未東興 2019-08-21 11:26 評論0 收藏0
前端筆記

摘要：一嚴格模式與混雜模式如何觸發這兩種模式，區分它們有何意義聲明位于文檔中的最前面的位置，處于標簽之前。包含過渡和的也導致頁面以標準模式呈現，但是有過渡而沒有會導致頁面以混雜模式呈現。不存在或形式不正確會導致和文檔以混雜模式呈現。一：HTML+css 1.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義? Doctype聲明位于文檔中的最前面的位置，處于標簽...

binta 2019-08-30 13:17 評論0 收藏0