千锋的第二十天

作业

    
        
        
        
    
    
    
        
目录
        

            

                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