本节内容：

• HTML
• CSS

HTML

HTML    1、一套规则，浏览器认识的规则。    2、开发者：        学习Html规则        开发后台程序：            - 写Html文件（充当模板的作用） ******            - 数据库获取数据，然后替换到html文件的指定位置（Web框架）    3、本地测试         - 找到文件路径，直接浏览器打开         - pycharm打开测试    4、编写Html文件                - doctype对应关系        - html标签，标签内部可以写属性 ====> 只能有一个        - 注释：  
         5、标签分类        - 自闭合标签            
             - 主动闭合标签            title>老男孩    6、        head标签中            - 
      编码，跳转，刷新，关键字，描述，IE兼容                    
                 - title标签            - 
      搞图标，欠            - 欠            - 

CSS

css速查手册：        

css是英文Cascading Style Sheets的缩写,称为层叠样式表，用于对页面进行美化。

CSS        在标签上设置style属性：        background-color: #2459a2;        height: 48px;        ...        编写css样式：        1. 标签的style属性        2. 写在head里面 style标签中写样式            - id选择区                  #i1{
                        background-color: #2459a2;                    height: 48px;                  }                              - class选择器 ******                                  .名称{                    ...                  }                                    
     <标签 class="名称"> 
                             - 标签选择器                    div{                        ...                    }                                                            所有div设置上此样式                        - 层级选择器（空格） ******                   .c1 .c2 div{                                           }            - 组合选择器（逗号） ******                    #c1,.c2,div{
                                               }                        - 属性选择器 ******                   对选择到的标签再通过属性再进行一次筛选                   .c1[n='alex']{ width:100px; height:200px; }                               PS:                - 优先级，标签上style优先，编写顺序，就近原则                    2.5 css样式也可以写在单独文件中            
                         3、注释            /*   */            4、边框             - 宽度，样式，颜色  (border: 4px dotted red;)             - border-left                5、              height，         高度 百分比            width，          宽度 像素，百分比            text-align:ceter, 水平方向居中            line-height，垂直方向根据标签高度            color、     字体颜色            font-size、 字体大小            font-weight 字体加粗                6、float            让标签浪起来，块级标签也可以堆叠            老子管不住：                
     
                    7、display            display: none; -- 让标签消失            display: inline;            display: block;            display: inline-block;                     具有inline,默认自己有多少占多少                     具有block，可以设置无法设置高度，宽度，padding  margin            ******            行内标签：无法设置高度，宽度，padding  margin            块级标签：设置高度，宽度，padding  margin                                8、padding  margin(0,auto)        9、position:                a. fiexd => 固定在页面的某个位置                b. relative + absolute                
     
                
      
                
     
         10、opcity: 0.5 透明度         11、z-index: 层级顺序          12、overflow: hidden,auto         13、hover         14、background-image:url('image/4.gif'); # 默认，div大，图片重复访             background-repeat: repeat-y;             background-position-x: 10px             background-position-y: 10px                 background: no-repeat 10px 10px;