java中级学习笔记十一

1.HTML
    1.定义
    2.历史
    3.标签
    4.相对路径与绝对路径
        /：跟路径
        demo01 -index.jsp ../img/1.jpg
        img/1.jpg
    5.布局
        table 布局
        

            
            
            
        
        div+css 布局
    6.div 独占一行
        ol:order element
        ul:unorder element
        

            

            

        

    7.css
        css： Cascading Style Sheets 层叠级联样式表
        1.写法
            1.写在style标签中
                
            2.写在外部文件中
                
            3.标签的Style属性    
                

        2.基本选择符
            1.选定所有对象。 html表
                *{color: red;font-size:20px;}
            2.按标签选择
                span{color：yellow;}
                双十一大促销
            3.按class样式选择
                font-style:
                    normal - 文本正常显示
                    italic - 文本斜体显示
                    oblique - 文本倾斜显示

                .abc{font-style:italic; color:rgb(0,200,0);}
                

我爱北京天安门

            4.按ID选择
                #lid{background-color：rgb(0,0,200);}
        3.关系选择符
            1.包含选择符12345---子选择符能命中子孙辈
                #tamdiv ul li{list-style：none;}
                

                    

                        
• 亲友更爱天安门

                        
• 我爱北京天安门

                        
• 亲友更爱天安门

                    

                

            2.子选择符只能命中子元素，而不能命中孙辈
                #xddiv>ol>li{background-color：red;}
                

                    

                        
1. 每周都要天安门

                        
2. 然后西单吃饭

                        

                            
• 然后花钱

                            
• 花完钱借钱

                        

                    

                

            3.属性选择符
                div[title="nlzq"]{color:green;}
                

工作

                

工作工作

                

            4.伪选择符
                a:hover{color：gray;font-size：200px;}
                :last_child
            浮点：float    
            标题标签  ：从h1 - > h6   依次变小