html/css day03

Binguner 發布于2019-08-02 15:41 / 630人閱讀

摘要：表單元素單行文本框密碼框單選按鈕復選按鈕附件提交按鈕拓展搜索框，日期框，數字框，框的屬性參數的不能缺省參數的按鈕的時候不能缺省提示語用在單選按鈕和復選按鈕中表示默認選中用在下拉菜單中表示默認選中注意和可以為單值屬性下拉菜單山西江西甘肅甘肅中

表單元素

        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/54291.html

html/css day03

摘要：表單元素單行文本框密碼框單選按鈕復選按鈕附件提交按鈕拓展搜索框，日期框，數字框，框的屬性參數的不能缺省參數的按鈕的時候不能缺省提示語用在單選按鈕和復選按鈕中表示默認選中用在下拉菜單中表示默認選中注意和可以為單值屬性下拉菜單山西江西甘肅甘肅中表單元素 1. input 單行文本框密碼框 ...

haitiancoder 2019-08-30 15:44 評論0 收藏0
js 判斷一組日期是否是連續的

摘要：問題需求給定個相同格式的日期，怎么判斷是否是連續天呢我當時第一反應后排序，然后前后對比即可。。而且不僅僅這樣的問題，還要跨月，跨年，閏月等問題。這是群里一朋友問的問題，當時我說判斷下 day 是否相鄰即可，后來細想，發現完全不對。問題需求給定5個相同格式的日期，怎么判斷是否是連續5天呢？我當時第一反應 getDay() 后排序，然后前后對比即可。。但是細想，完全不對，比如本周...

MartinHan 2019-08-19 18:46 評論0 收藏0
strtotime的一個使用問題

摘要：我在開發過程中遇到這么這個問題，因為趕進度，沒有記下來處理方案，在鳥哥的博客看到原理分析，很到位平時開發中總是急著處理問題，沒有深入分析和記錄問題。我在開發過程中遇到這么這個問題，因為趕進度，沒有記下來處理方案，在鳥哥的博客看到原理分析，很到位！平時開發中總是急著處理問題，沒有深入分析和記錄問題。 1、問題：今天是2018-07-31 執行代碼:date(Y-m-d,strtoti...

LucasTwilight 2019-07-01 12:29 評論0 收藏0