跳转

    
        
        
        
        
        
    
    
        

            
目录
        
        
表单标签
        
空白标签
        
认识CSS
        
css选择器
        
伪类选择器
         
        

            

                

                    
表单标签
                    

                        
                        
专门用来收集信息
                        
可以提交表单中收集的信息 网页上的账号密码搜索
                        
 action属性：设置提交信息的位置 
                        
msthod属性：提交方式-post/get
                        
text普通文本输入框
                        
name属性：必须设置 用于提交信息
                        
value属性：标签内容
                    
                    
                
            
        
        

            

                

                    
空白标签
                    
div标签是空白标签，没有任何特殊的意义（无语义标签）
                    
HTML标签分为两大类，块级标签：一行只能有一个，行内标签：不管标签的宽度是多少
                    
h1-h6 hr p 列表相关的，表格整体都是块标签
                    
行可以有多个 eg: img input
                    
                    
                        
                    
                
            
        
             
        

            

                

                    
认识css
                    
web标准里的表现标准
                    
是用来设计网页上的标签的样式，长什么样，在哪（布局）
                    
css代码或者css文件，我们叫样式表
                    
布局：
                    
内联样式表：将CSS代码写在标签的style属性中
                    
内部样式表：写在head标签中的style标签的内容中
                    
外部样式表: 写在一个css文件中，通过head中的link标签关联
                    
内联的优先级最高
                    
怎么写
                    
选择器：｛属性：属性值；属性：属性值｝
                    
选择器的作用：用来选中需要设置样式的标签
                    
属性：必须是css属性
                    
属性值：如果属性值是数字，表示大小后面加px否则无效
                    
注意：每个属性之间用分号隔开否则无效
                    
                    
                    
                
            
        
        
        

            

                

                    
css选择器
                    
选择器
                    
0.元素选择器（标签选择器）：标签名
                    
 选中所有的标签名对应的标签
                    
1.ID选择器：#ID值
                    
 每个标签都有一个ID属性，整个HTML中，ID值必须唯一
                    
css中的颜色值：
                    
  颜色的英语单词
                    
  16进制颜色
                     
 rgb()
                    
2. class选择器
                    
  .class属性值
                    
 每个标签都有一个class属性
                      
                    
 3.通配符：*
                    
 选中所有标签
                     
                    
 4.层级选择器：选择器1 选择器2。。。
                     
                    
5.群组选择器：选择器1，选择器2，。。。
                    
                    
                
            
        
        

            

                

                    
伪类选择器
                    
伪类选择器：选择器状态 
                    
1.link:超链接初始状态
                    
2.visited:超链接访问后的状态
                    
3.hover:鼠标悬停的状态
                    
4.active:鼠标按住没松开的状态
 
                    
给同一个标签通过伪类选择器给不同状态设置不同的样式的时候要遵守爱恨原则
                    
Love HAte