前端新人学习笔记

一：<img src="1.png" alt="美女"/>

        alt是给图片添加介绍，当图片没加载出来时，会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。

二：<a href="css2.ppt">标签下载</a>

        当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。

三：<a href="#id"></a>

        锚点，百度百科常用。点击a标签就会跳到对应id的位置。

四：群组选择符

        #box1,#box2{}选中id为box1和box2的对象。

五：类选择符

        .class

六：类型选择符

        p{};div{}等

七：样式优先级

        1.同级样式默认后者覆盖前者;

        2.优先级：类型(1) < class(10) < id(100) < style行间样式(1000)

八：伪类

         伪类用于向被选中元素添加特殊的效果

            link:未访问(默认)；

            visited:访问过后;

            hover:鼠标经过，悬停；

            active:鼠标点击。

        如果要持续的让某个元素有以上效果，写这四个伪类的顺序应该如上，visited必须写在第二,如果写在最后，访问之后，根据同级元素的优先级顺序，访问之后的样式会覆盖hover和active，这样会导致无法连续出现效果。

        兼容问题：IE6不支持a以外其他任何标签的伪类；IE6以上的浏览器支持所有标签的hover伪类.

九：默认样式重置

          有些标签会自带一些padding,margin等样式，在开发之前，最后清除这些默认样式。清除的时候最好不要用通配符来清除，因为那样效率会很低。

、十：块元素和内嵌元素

         块的特征：

              1.默认独占一行；

              2.没有宽度时默认撑满一行；

              3.支持所有css命令；

         内嵌的特征：

              1.同类的标签可以在同行显示；

              2.支持撑开宽度；

              3.不支持宽高；

              4.不支持上下的margin和padding;

              5.代码换行的话中间会有一个空格.

十一：display

           通过display可以改变块和内嵌属性。

           display:block;

           display:inline;

           display:inline-block

                    特性：1.块在一行显示；

                             2.行内元素支持宽高；

                             3.没有宽度的时候内容撑开宽度。

                     兼容问题：代码换行会出现空格；ie6,ie7不支持块属性标签的inline-block;