在基础班的这些天我学到了很多新知识，这些对我来说都挺有技术含量的，要想房子盖得牢，地基肯定要打牢，话糙理不理。基础班的标签真是太多了，对于我来说刚开始真的很难记得住，毕竟零基础，一切都是零，还有现在学习css样式，对我来说也是一个挑战，因为样式也挺多，不要嘲笑我哦，毕竟每个人的基础不一样，为了把这些知识点记住，笔记也是不断地看，不懂就问，就这样这些知识点我记得也差不多了，在这里给大家罗列一些对我来说的一些比较有技术含量的知识点吧，因为毕竟只学了这些。
       一：链接的伪类四种状态：
       a:link        未访问的链接（访问前）
       a:visited    已访问的链接（访问后）
      a:hover      鼠标移动到连接上（鼠标经过）
      a:active      选定的链接（按下鼠标的时候）
      注意：如果4个状态都要书写的话以上的顺序不能颠倒，但是实际开发中我们不要4个都写；

         二：图片定位：background-position
        图片定位：background-position:X坐标（水平方向）  Y坐标（垂直方向）；
        取值：可以是纯数字，也可以是方向英文（top/bottom/left/right/center）;
        注意：如果使用方向英文只写一个值另外一个值就默认居中，所以两个值建议都写；
        方向因为left和right只会控制左右方向，top和bottom只会控制上下的方向；
        background-position:X坐标（水平方向）  Y坐标（垂直方向）取值如果去精确单位，第一个是X轴的
        值，第二个是Y轴的值，如果只写了一个值就表示X轴，Y轴默认为center；
         
         三 实际开发中导航的书写
      浮动元素与父盒子的关系实际开发中导航布局使用ul嵌套li，li嵌套a实现
      html结构：一个大的div盒子类名称命名为nav,里面嵌套ul,然后ul里面嵌套li，，li里面嵌套a，，a里面放文
     字；
      css书写：
      01、        设置大的div的实体化宽高
      02、        设置li的样式：左浮动float:left;，设置li的固定高度，宽度分为两种情况：
      情况1：如果导航里面的文字个数一致，我们就直接将li的宽度固定死；
      情况2：如果导航里面的文字不一样多，那么就不要给li设置宽度，后面用a来撑开；
      03、设置a的样式： 首先将a的显示模式用display:block;转化为块元素,然后设置a的宽和高，高和li的高
      度
      一致，宽度如果文字一样多我们就设置为固定的宽度，如果文字不一样多，宽度就不设置，用padding：0
     20px;撑开，意思就是上下内边距为0，左右设置一个固定的值就可以撑开a；
           

        固定定位： position:fixed;
        参照物：电脑屏幕（可视窗口）；
        注意：固定定位完全脱离了标准流，参照物是可视窗口为准，和父级没任何关系，IE6不支持固定定位，
      但是我们现在不用管它，直接使用就可以；

            浮动和定位能防止外边距合并：
        如果盒子有嵌套关系，给子级添加了margin-top就会出现外边距塌陷，但是如果父级或者子级盒子用了
        浮动或者绝对定位和固定定位，就不会出现这样的问题；


              实际工作中banner滚动的布局思路：
              Html布局：一个大的父级盒子设置自己的宽高样式，
              01、里面因为图片是要多张滚动的所以我们需要用ul嵌套li,li嵌套a，a里面放图片内容，后期我们会
              利用JS实现多张图片的滚动，复制li就可以；
              02、两个切换箭头建议使用span，或者a，然后利用子绝父相将他们定位到左右两边，我们一般让大
              的父级盒子作为父级；
              03、小圆点建议大家使用ol嵌套li，这样不仅可以区分标签，而且可以少起一个类名；
              Css：两个切换按钮利用子绝父相实现左右布局；
             小圆点可以用子绝父相将ol定位到想要的位置，一般是中间显示，left:50%; margin-left：-自己的宽
             度的一半；


                   css书写三角形
            1、我们用css 边框可以模拟三角效果
            2、宽度高度为0
            3、我们4个边框都要写， 只保留需要的边框颜色，其余的不能省略，都改为 transparent 透明就好
            了；
             4、为了照顾兼容性 低版本的浏览器，加上 font-size: 0; line-height: 0;

                Logo的优化写法：
             Html布局：一个类名为logo的div盒子，嵌套h1，h1里面嵌套a，a里面放网站名称，有利于网站的
             SEO优化，最后将logo图片插入或者以背景图片插入；


                选项卡的布局思路：
              01、给tab的盒子给固定的宽高
              02、设置tab_nav的宽高，然后将里面ul下的li左浮动设置想要的宽高
              03、如果导航里面的li有鼠标经过样式或者默认选中样式我们可以单独设置
              04、设置tab_box的固定宽高，然后设置路面的对应li的子盒子的宽高
              05、由于咱们在实际开发中默认的内容是切换显示，只需要显示一个其他隐藏，我们需要使用
              display:none;全部隐藏，然后再去给想要显示内容给盒子添加行内样式style=”diapaly:block;”

               这些内容相对来说比较重要，在以后的学习中用到的也比较多，还有其他的内容就不一一写了，
        在往后的学习中能再接再厉，更上一层楼。



              

   

       在基础班的这些天我学到了很多新知识，这些对我来说都挺有技术含量的，要想房子盖得牢，地基肯定要打牢，话糙理不理。基础班的标签真是太多了，对于我来说刚开始真的很难记得住，毕竟零基础，一切都是零，还有现在学习css样式，对我来说也是一个挑战，因为样式也挺多，不要嘲笑我哦，毕竟每个人的基础不一样，为了把这些知识点记住，笔记也是不断地看，不懂就问，就这样这些知识点我记得也差不多了，在这里给大家罗列一些对我来说的一些比较有技术含量的知识点吧，因为毕竟只学了这些。
       一：链接的伪类四种状态：
       a:link        未访问的链接（访问前）
       a:visited    已访问的链接（访问后）
      a:hover      鼠标移动到连接上（鼠标经过）
      a:active      选定的链接（按下鼠标的时候）
      注意：如果4个状态都要书写的话以上的顺序不能颠倒，但是实际开发中我们不要4个都写；

         二：图片定位：background-position
        图片定位：background-position:X坐标（水平方向）  Y坐标（垂直方向）；
        取值：可以是纯数字，也可以是方向英文（top/bottom/left/right/center）;
        注意：如果使用方向英文只写一个值另外一个值就默认居中，所以两个值建议都写；
        方向因为left和right只会控制左右方向，top和bottom只会控制上下的方向；
        background-position:X坐标（水平方向）  Y坐标（垂直方向）取值如果去精确单位，第一个是X轴的
        值，第二个是Y轴的值，如果只写了一个值就表示X轴，Y轴默认为center；
         
         三 实际开发中导航的书写
      浮动元素与父盒子的关系实际开发中导航布局使用ul嵌套li，li嵌套a实现
      html结构：一个大的div盒子类名称命名为nav,里面嵌套ul,然后ul里面嵌套li，，li里面嵌套a，，a里面放文
     字；
      css书写：
      01、        设置大的div的实体化宽高
      02、        设置li的样式：左浮动float:left;，设置li的固定高度，宽度分为两种情况：
      情况1：如果导航里面的文字个数一致，我们就直接将li的宽度固定死；
      情况2：如果导航里面的文字不一样多，那么就不要给li设置宽度，后面用a来撑开；
      03、设置a的样式： 首先将a的显示模式用display:block;转化为块元素,然后设置a的宽和高，高和li的高
      度
      一致，宽度如果文字一样多我们就设置为固定的宽度，如果文字不一样多，宽度就不设置，用padding：0
     20px;撑开，意思就是上下内边距为0，左右设置一个固定的值就可以撑开a；
           

        固定定位： position:fixed;
        参照物：电脑屏幕（可视窗口）；
        注意：固定定位完全脱离了标准流，参照物是可视窗口为准，和父级没任何关系，IE6不支持固定定位，
      但是我们现在不用管它，直接使用就可以；

            浮动和定位能防止外边距合并：
        如果盒子有嵌套关系，给子级添加了margin-top就会出现外边距塌陷，但是如果父级或者子级盒子用了
        浮动或者绝对定位和固定定位，就不会出现这样的问题；


              实际工作中banner滚动的布局思路：
              Html布局：一个大的父级盒子设置自己的宽高样式，
              01、里面因为图片是要多张滚动的所以我们需要用ul嵌套li,li嵌套a，a里面放图片内容，后期我们会
              利用JS实现多张图片的滚动，复制li就可以；
              02、两个切换箭头建议使用span，或者a，然后利用子绝父相将他们定位到左右两边，我们一般让大
              的父级盒子作为父级；
              03、小圆点建议大家使用ol嵌套li，这样不仅可以区分标签，而且可以少起一个类名；
              Css：两个切换按钮利用子绝父相实现左右布局；
             小圆点可以用子绝父相将ol定位到想要的位置，一般是中间显示，left:50%; margin-left：-自己的宽
             度的一半；


                   css书写三角形
            1、我们用css 边框可以模拟三角效果
            2、宽度高度为0
            3、我们4个边框都要写， 只保留需要的边框颜色，其余的不能省略，都改为 transparent 透明就好
            了；
             4、为了照顾兼容性 低版本的浏览器，加上 font-size: 0; line-height: 0;

                Logo的优化写法：
             Html布局：一个类名为logo的div盒子，嵌套h1，h1里面嵌套a，a里面放网站名称，有利于网站的
             SEO优化，最后将logo图片插入或者以背景图片插入；


                选项卡的布局思路：
              01、给tab的盒子给固定的宽高
              02、设置tab_nav的宽高，然后将里面ul下的li左浮动设置想要的宽高
              03、如果导航里面的li有鼠标经过样式或者默认选中样式我们可以单独设置
              04、设置tab_box的固定宽高，然后设置路面的对应li的子盒子的宽高
              05、由于咱们在实际开发中默认的内容是切换显示，只需要显示一个其他隐藏，我们需要使用
              display:none;全部隐藏，然后再去给想要显示内容给盒子添加行内样式style=”diapaly:block;”

               这些内容相对来说比较重要，在以后的学习中用到的也比较多，还有其他的内容就不一一写了，
        在往后的学习中能再接再厉，更上一层楼。