成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML/CSS筆記01

Lin_YT / 921人閱讀

摘要：參數(shù)拼接在瀏覽器的地址欄請(qǐng)求報(bào)文格式參數(shù)放到請(qǐng)求報(bào)文請(qǐng)求體中進(jìn)行傳遞表單元素單行文本框密碼框單選按鈕復(fù)選按鈕附件提交按鈕拓展搜索框，日期框，數(shù)字框，框的屬性參數(shù)的不能缺省參數(shù)的按鈕的時(shí)候不能缺省提示語(yǔ)用在單選按鈕和復(fù)選按鈕中表示默認(rèn)選中

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

                    請(qǐng)求報(bào)文格式：
                        GET     /sms/register.action?name=terry&password=123

                        Content-size:12
                        user-agent:mac safari


                post     參數(shù)放到請(qǐng)求報(bào)文請(qǐng)求體中進(jìn)行傳遞

表單元素

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

            select中的子元素一定為option,option中一般要添加value表示當(dāng)選中該元素的時(shí)候，select的參數(shù)值為該value值,option中的value值可以不設(shè)置，那么value默認(rèn)為文本值

        3. textarea
            多行文本域
            

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

css

介紹
用于修飾HTML結(jié)構(gòu)的，層疊樣式表

成疊

多個(gè)樣式修飾一個(gè)結(jié)構(gòu)
子元素從父元素那里繼承樣式
優(yōu)先級(jí)

樣式表

相關(guān)樣式在一起定義（封裝）

語(yǔ)法
1) 如何在html中應(yīng)用css

1. 定義style屬性中
    缺點(diǎn)：樣式與結(jié)構(gòu)冗余
    優(yōu)點(diǎn)：優(yōu)先級(jí)較高
    


2. 定義在head標(biāo)簽中的style標(biāo)簽中
    缺點(diǎn)：樣式的復(fù)用率較低
    優(yōu)點(diǎn)：樣式與結(jié)構(gòu)分離

    
        
        
        
        
        
    
    
        

    

3. 將樣式定義在css文件中
    優(yōu)點(diǎn)：樣式的復(fù)用率高（框架:例如bs），樣式與結(jié)構(gòu)分離
    style.css

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

    b.html
        
            
        


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

    style標(biāo)簽/.css
        選擇器 {
            屬性值:屬性值;
            屬性名:屬性值;
        }
3) 注釋
    /*注釋內(nèi)容*/
4) 選擇器
    1. 核心選擇器
        標(biāo)簽選擇器
            h2 { }
            div {規(guī)則 }
        id選擇器
            #two {}
            

            

        類選擇器
            .second{}
            

            

        逗號(hào)選擇器
            h1,h2,h3 {}
        組合選擇器
            div#two {}
            選擇id為div的元素
            div,#two {}
            選擇div元素和id為two的元素
        普遍選擇器
            *
    2. 層次選擇器
        子元素選擇器     
            .header > a

            選中class為header的元素的直接孩子元素a標(biāo)簽

            

                
                
    
                    
    • 
                    
    • 
                

            

            

                
                
            

        后代元素選擇器
            .header a
            選中class為header的元素的后代元素a標(biāo)簽

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

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/116146.html

相關(guān)文章

  • HTML/CSS筆記01

    摘要：參數(shù)拼接在瀏覽器的地址欄請(qǐng)求報(bào)文格式參數(shù)放到請(qǐng)求報(bào)文請(qǐng)求體中進(jìn)行傳遞表單元素單行文本框密碼框單選按鈕復(fù)選按鈕附件提交按鈕拓展搜索框，日期框，數(shù)字框，框的屬性參數(shù)的不能缺省參數(shù)的按鈕的時(shí)候不能缺省提示語(yǔ)用在單選按鈕和復(fù)選按鈕中表示默認(rèn)選中 get 參數(shù)拼接在瀏覽器的地址欄 url?k=v&k=v 請(qǐng)求報(bào)文格式： ...

    KunMinX 評(píng)論0 收藏0

  • 01 【零基礎(chǔ)入門】html學(xué)習(xí)筆記（1）

    摘要：公司就是中文網(wǎng)頁(yè)，極度的追求網(wǎng)頁(yè)的顯示速度，要使用。，與類似，用于將相關(guān)的內(nèi)聯(lián)元素和文本歸組在一起。用途區(qū)別塊元素通常用在頁(yè)面中的主要構(gòu)建模塊，而內(nèi)聯(lián)元素則用來(lái)標(biāo)記小段內(nèi)容。 之前學(xué)習(xí)了前端的一些基礎(chǔ)知識(shí)，現(xiàn)在想深入地、精通地學(xué)習(xí)前端，往前端和全棧工程師方向發(fā)展。 之前學(xué)習(xí)前端主要是通過看視頻，結(jié)合動(dòng)手練習(xí)。現(xiàn)在認(rèn)為看書+視頻+實(shí)踐，應(yīng)該是最高效的學(xué)習(xí)方法。對(duì)于html、css，我主要...

    xeblog 評(píng)論0 收藏0

  • 新聞爬蟲倒騰筆記

    摘要：新聞爬蟲在列表頁(yè)獲取列表和時(shí)間材料，開發(fā)人員工具，插件，，安裝包使用開發(fā)人員工具分析網(wǎng)站右鍵或打開，刷新載入打開頁(yè)簽，點(diǎn)選第二排的小漏斗，點(diǎn)入頁(yè)面，因?yàn)樾侣劧加斜粰z索到的需要，所以一般情況下都可以在第一個(gè)文檔中找到需要的信息。 新聞爬蟲1.0 在列表頁(yè)獲取列表和時(shí)間 材料：Pycharm，Chrome開發(fā)人員工具，infoLite插件，bs4，request 安裝包 pip insta...

    April 評(píng)論0 收藏0

  • 前端筆記

    摘要：一嚴(yán)格模式與混雜模式如何觸發(fā)這兩種模式，區(qū)分它們有何意義聲明位于文檔中的最前面的位置，處于標(biāo)簽之前。包含過渡和的也導(dǎo)致頁(yè)面以標(biāo)準(zhǔn)模式呈現(xiàn)，但是有過渡而沒有會(huì)導(dǎo)致頁(yè)面以混雜模式呈現(xiàn)。不存在或形式不正確會(huì)導(dǎo)致和文檔以混雜模式呈現(xiàn)。 一：HTML+css 1.Doctype? 嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義? Doctype聲明位于文檔中的最前面的位置，處于標(biāo)簽...

    未東興 評(píng)論0 收藏0

  • 前端筆記

    摘要：一嚴(yán)格模式與混雜模式如何觸發(fā)這兩種模式，區(qū)分它們有何意義聲明位于文檔中的最前面的位置，處于標(biāo)簽之前。包含過渡和的也導(dǎo)致頁(yè)面以標(biāo)準(zhǔn)模式呈現(xiàn)，但是有過渡而沒有會(huì)導(dǎo)致頁(yè)面以混雜模式呈現(xiàn)。不存在或形式不正確會(huì)導(dǎo)致和文檔以混雜模式呈現(xiàn)。 一：HTML+css 1.Doctype? 嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義? Doctype聲明位于文檔中的最前面的位置，處于標(biāo)簽...

    binta 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<