作业



    
        
        作业
        
    
    
    
        目录
        
            
                1.表单标签
            
            
                2.表单标签(下拉菜单和多行文本域)
            
            
                3.空白标签
            
            
                4.认识CSS
            
            
                5.CSS选择器
            
            
                6.伪类选择器
            
        
        
        
            
                表单标签
                
                    text(文本输入框)
                        
                            (1).是表单标签
                            (2).type属性：text--普通的文本输入框
                            (3).name属性：必须设置（a.用于提交信息）
                            (4).value属性：标签内容
                            (5).placeholder属性：占位符
                            (6).maxlength:输入框最多能输入的字符个数
                            (7).readonly:readonly--输入框只读（不能往里面输入内容）
                        
                    
                    密码输入框
                            (1).type属性：password-----输入的值是密文显示的
                    
                    单选按钮
                        
                            (1).type属性：radio
                            (2).name属性：同一类型对应的name值必须一样
                            (3).value：设置选中按钮提交的值）
                            (4).checked:设置为checked，让按钮默认处于选中状态
                        
                    
                    多选按钮
                        
                            (1).type：checkbox
                            (2).name：同一类型对应的name值必须一样
                            (3).value：设置选中按钮提交的值
                            (4).checked:设置为checked，让按钮默认处于选中状态
                        
                    
                    普通按钮
                        (1)disabled:disabled--让按钮不能点击
                    
                    重置按钮
                        (1)让当前所在的form中的所有表单相关的标签的值回到最初的状态
                    
                    文件选择器
                   
            
        
        
        
            
                表单标签(下拉菜单和多行文本域)
                
                    下拉菜单
                        (1).select:创建一个下拉菜单
                    
                    多行文本域（多行文本输入框）
                        (1).textarea:创建一个多行文本输入框
                    
                
            
        
        
        
            
                空白标签
                
                    块级标签：一行只能有一个（不管标签的宽度是多少）
                        h1-h6,p,hr,列表标签，table,form
                    
                    行内标签：一行可以有多个
                        a,img,input,下拉列表（select）,textarea
                    
                    div标签：空白标签，没有任何特殊的意义（无语义标签）
                    span标签：空白标签，占据的大小根据内容的大小而定
                   
            
        
        
        
            
                认识CSS
                
                    什么是CSS：专门负责处理标签的布局和样式
                        (1).CSS是web标准中的表现标准，用来设置网页上的标签的样式（长什么样，在哪儿）
                        (2).CSS代码/CSS文件，我们叫样式表
                    
                    写在哪儿
                        (1).内联样式表：将CSS代码写在标签的style属性中，每个标签都有，都是有效的
                        (2).内部样式表：写在head标签中的style标签的内容中
                        (3).外部样式表：写在一个css文件中，通过head中的link标签来关联
                        (4).优先级：（在多个地方对同一个属性进行设置）内联的优先级最高，内部和外部没有绝对的优先，主要看同一个属性谁最后赋值，谁就有效
                    
                    怎么写（css语法）
                        (1).选择器{属性：属性值;属性：属性值;}
                        (2).选择器：用来选中需要设置样式的标签
                        (3).属性：css属性（css2中的属性有两百多个）
                        (4).属性值：如果属性值是数字，如果表示的是大小要在后面加px
                        (5).注意：每个属性之间要用分号隔开（;），否则属性无效
                    
                    补充属性
                        (1).color--设置字体颜色   background-color：设置背景颜色  width：标签的宽度   height：标签的高度  
                    
                        
            
        
        
        
            
                CSS选择器
                
                    (1).元素选择器（标签选择器）：标签名
                        选中所有的标签名对应的标签
                    
                    (2).id选择器：#id属性值
                        每个标签都有一个id属性，整个html中，id的值必须唯一
                    
                    (3).class选择器：.class属性值
                        每个标签都有一个class属性
                    
                    (4).通配符：*
                        选中所有的标签
                    
                    (5).层级选择器：选择器1 选择器2....
                    (6).群主选择器：选择器1,选择器2,.....
                   
             
        
        
        
            
                伪类选择器
                
                    伪类选择器    选择器：状态
                        (1).link：超链接的初始状态------一次都没有访问成功的时候的状态
                        (2).visited:超链接访问后的状态----已经访问成功后的状态
                        (3).hover:鼠标悬停在标签上的时候对应的状态
                        (4).active：鼠标按住的状态
                    
                    爱恨原则
                        (1).同一个标签通过伪类选择器给不同的状态设置不同样式的时候，要遵守爱恨原则（先要爱才能恨）
                        (2).LoVe HAte（如果要同时写多个，一定要遵守先写LV，再写HA---LoVe HAte
                    
                   
             
        
        返回顶部

运行效果.png

密码登录




忘记密码	忘记会员名	免费注册

千锋的第二十天

作业

目录

返回顶部

你可能感兴趣的:(千锋的第二十天)