五天学习笔记整理

9.20学习笔记：                 

            html ： 主要学习的就是标签
            css  ：  主要就是学习修饰标签的属性
            JavaScript ： 主要学习用于给网页添加特效的过程
            蓝色是标签  (是我们必须要大量学习的内容)
            红色是属性  (对标签进行大量修饰的过程)
            绿色是属性值(就是对属性修饰的具体的值)    
            黑色是内容  (就是展示给客户看的内容)

            cellspacing:单元格与单元格之间的间隙 默认2个像素
            cellpadding:单元格与内容之间的间隙  默认2个像素
            tr:行的意思
            th:标题竖列(可以自动左右居中加黑显示)
            td:内容竖列
            当表格没写内容时，变窄 则可通过字符实体或者在第一行设置宽度进行操作

            colspan 列合并
            rowspan 行合并
            
            合并之操作口诀:
            1.合并那些单元格，留第一个删除其他所有
            2.选择相应的列和行合并的属性
            3.属性值是合并的单元格的个数   

            有序列表 ol li
            显示方式有5种    数字  大小写字母   大小写罗马数字
            可以使用start属性更改起始的排列的内容(一般很少使用)   

9.26学习笔记：

       不小心在其他地方创建了一个文件 想要引图片或者样式文件或者js文件咋办
        寻找起始文件(该页面就是起始文件)，目标文件(需要引入的那个文件)
        利用../向上一级别跳 达到两个文件是平级时进行换方向 然后写目标文件的路径

    value 默认值
    placeholder     占位符 提示语
    maxlength  最大长度
    disabled  禁用
    autofocus 自动得到焦点
    checked 默认选中
    autocomplete  是否启用自动填充  (on/off)
    max 极大值  
    min 极小值
    multiple 多选
    select 默认选中
    action="接收信息的地址"
    method  提交方式 get/post

1.css的基本写法
    1-1.掌握基本写法
        要在HTML当中写样式首先要写style标签 然后在写样式
    1-2.诸位要查属性
 2.id选择器  class选择器  标签选择器

10.2学习笔记：

     由于我们没有学习块级和内联标签的区分，那我们应该怎么判断
     该标签可以设置宽度和高度。    
     将该标签用快捷键写乘2  但凡显示2行的都可设置宽高 反之则不能

     背景:     1.可以颜色和图片同时使用
                  2.背景颜色可用 单词或三基色使用 rgba(a是透明度0透明1不透明)
                  3.如果写了多个背景属性 且个别不生效，注意位置或者单独写一个

10.3学习笔记：   

       1.充分掌握四个属性的位置和作用
        content 内容
        padding 是内容与边框之间的间隙(移动内容用padding)
        padding的使用潜在会出现重合得加的效果，故而在使用需要注意。
        border 是边框 可以设置 一个属性设置四个反向  也可以各个方向自己设置
        margin是外边界可以设置 一个属性设置四个反向  也可以各个方向自己设置
        2.盒子的方向  上       右       下        左 原则        
            margin： 10px  20px 30px 40px
                    上          左右       下
                    10px   20px  30px
                    上下       左右
                    10px    20px
                    上右下左
                    10px
        3.盒子的宽度
        宽度:ml+bl+pl+cw+pr+br+mr      
        4.总结:移动盒子用margin  
        移动内容可用padding或者 文字居中和行高即可

        如何解决块级元素独占一行的问题。
        使用浮动 float:left/right

        学习选择器(选择器就是css和HTML之间的桥梁)
        选择器的语法:  选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
            

10.4学习笔记：

         书写样式和引入方式
         内联写法:偶尔缺一两个属性 或者需要在某处增加一两个的时候 可以考虑此写法
         内部写法:满足初学者快速书写快速查看的过程
         外部写法:官方标配(后面一律采用该写法)

        元素的三种布局模型：流动模型（默认）、浮动模型、层模型

        margin      块级元素位置移动 ...
        position    块级元素位置定位 ...
            
        定位分为三种: 
        绝对定位        position:absolute
        相对定位        position:relative
        固定定位        position:fixed
        
        写法:
        1.先写定位方式
        2.使用top right  bottom left这四个方向属性 进行正负操作
        3. z-index层级的使用 必须要先使用定位 然后才可以使用该属性
        
        使用绝对定位和相对定位的方式:
        子绝父相
        一旦考虑使用定位时 请优先非父级增加一个定位
        
        使用固定定位的方式:
        可将指定内容固定在页面的某一处，如右下角的各种广告，
        随便页面怎么滑动，该内容一动不动。这就是固定定位。