html/css day03

haitiancoder 发布于2019-08-30 15:44 / 1289人阅读

摘要：表单元素单行文本框密码框单选按钮复选按钮附件提交按钮拓展搜索框，日期框，数字框，框的属性参数的不能缺省参数的按钮的时候不能缺省提示语用在单选按钮和复选按钮中表示默认选中用在下拉菜单中表示默认选中注意和可以为单值属性下拉菜单山西江西甘肃甘肃中

表单元素

        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. 伪元素选择器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116147.html

html/css day03

摘要：表单元素单行文本框密码框单选按钮复选按钮附件提交按钮拓展搜索框，日期框，数字框，框的属性参数的不能缺省参数的按钮的时候不能缺省提示语用在单选按钮和复选按钮中表示默认选中用在下拉菜单中表示默认选中注意和可以为单值属性下拉菜单山西江西甘肃甘肃中表单元素 1. input 单行文本框密码框 ...

Binguner 2019-08-02 15:41 评论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