• css2


                                       CSS2

    补充:

           两个或多个CLASS选择器可作用于一个标签上面吧。

           <div class="hello test">牧羊曲</div>

           <style>

                         .hello{color:#ff00ff;font-size:30px}

                         .test{background-color:yellow}

     

           </style>

     

           如果有相同属性,会怎么样?-- 如果具有相同属性的时候,CSS时同一级关系。是以出现的顺序,离标签越近优先级越高。

     

    今天的学习目标:

                  1,把六种选择器弄熟

                  2,开始学习常用属性

     

     

    ID选择器:

                  CSS当中命名的时候,以#后面接名字。不要以数开始,只用英文,不用特殊符号,可以用下划线。

                  HTML的标签当中使用的时候,是在属性里面写上id=”名字”[不要加#]

     

                  考考你:class id具有相同属性的时候,谁更厉害?

                         ID更厉害。

     

                  同名ID在整个页面当中只能有一个,也只能使用一次。但是你说我非得用多个,可以。HTML容错性强。你以后到JS里面就“杯具”了!!!!

                 

                 

     

    组合选择器:

                  把一组选择器,赋上同样的效果。

           .two,ul,.one,#hello{background-color:red;font-size:15px;200px;height:200px;margin-top:50px;margin-left:200px;margin-right:20px;border:1px solid #ccc;padding:50px;text-indent:2em;font-family:'aricl'}

     

    关联选择器:

    1, 目无尊长。

        Relation  关联    亲戚

     

            是对着关系结构往下推,一级一级往下找,或者是越级往下找。但是一定有层级关系。

            可以用 html选择器,#ID选择器  .class选择器,找准层级关系后,用空格。

     

     

    伪元素选择器:

            最常用的是

            :link              默认的链接的效果

            :hover                    鼠标放上去的效果

            :active                         鼠标点中的效果

            :visited                        访问过后的效果

     

     

            a{color:green} 就是四个超链接颜色同时发生变化。

            :first-letter  首字母

            :first-line              第一行

     

    英文单词:

                  Normal        正常

                  Italic               斜体

                  Weight                 重量

                  Decoration          

                  Under                 

                  Line                            线

                  Underline             下划线

                  Through               穿过

                  Repeat                 重复

                  Background-color:

                  Backgounr-image:   url(路径);

                  Background-repeat:   repeat-x  repeat-y  no-repeat  repeat

                  background-attachment  [了解]

     

    常用:

                  Color

                  Font-family

                  Font-size

    font-style        值:normal           italic

    font-weight   值:normal   bold

    text-decoration     :none  underline  line-through  overline(了解)

    text-transform       【了解】  uppercase 大写 | lowercase  小写

    line-height               行高   行高=高度就实现了垂直居中

    letter-spacing                            【了解】

    text-indent                                 2em

    text-align                                     left center  right

     

     

     

     

    结论:

                  Css让无意义标签加上效果变得有意义,让有意义标签也可以变得无意义。改变原有效果显示。

                 

                  在做背景图片的时候,如果宽超出会水平重复。

                                                      如果高超出,会垂直重复这张前景图片。

     

    常用单位:

                  Px

                  Em  相当于于一个字的大小

    附件列表

    • 相关阅读:
      第一次作业
      第0次作业
      第14、15周作业
      第七周作业
      第六周作业
      第四周作业
      第三周作业
      第4次作业
      第3次作业
      第二次作业
    • 原文地址:https://www.cnblogs.com/holyes/p/2521187.html
    Copyright © 2020-2023  润新知