马国军-20201028

知识总结:

        今日学习主要对选择器(精确选中要修饰的标签)的认识及应用,常用的选择器包括:
1.类选择器:首先以点号开始,包含字母,数字,连字符,下划线;点号后面必须字母开始,一个类选择器可以应用到多个标签(div,h1等)。用class=“类选择器名称”为标签设置一个类,以英文原点开头。     

2.标签选择器 :就是HTML中的标签,如<p><h1><body>等。  

3.id选择器 :每个ID在文档中必须是唯一的,ID选择器是以#开头的。用 id="ID选择器名称"为标签设置一个类,以(#)号开头.(ID选择器只能在文档中使用一次)    

4.后代选择器:父级元素名称+空格+子级元素名称{声明块}
如:
div p {color:red;}  加入空格,用于选择指定标签下的后辈元素。
    
5.伪类选择器:包括a:hover(鼠标悬停状态)*,a:link(未访问);a:vistied(已访问);a:active(点击时);用于给HTML不存在的标签(标签的某种状态)设置样式,如:a:hover{color:red;}

6.通用选择器:它使用一个(*)指定,它的作用是匹配HTML中所有的标签元素。如:*{color:red;}
        修饰文本常用样式:/*字体颜色*/
                     /*字体大小*/
                     /*字体类型*/
                     /*字体加粗*/
                     /*字体间距*/
                     /*对齐方式*/
                     /*行高*/
                     text-shadow: 2px 2px 3px blue;/*字体阴影*/
                     /*文本划线*/
                     /*首行缩进*/
       修饰背景常用样式:background: yellow;/*背景颜色*/
                    background-image: url(../img/icon.jpg);/*背景图片*/
                    background-attachment: fixed;/*背景图片固定*/
                    background-size: 400px 400px;/*背景图片大小*//*cover等比例缩放*/
                    background-repeat: no-repeat;/*背景图片平铺*/
       字体颜色表示:span{color:#000000-#ffffff}{color:rgb0-255}rgba(a表示透明度)

心得体会:
相较于之前的内容来说,今日的知识点比较难掌握,主要是因为对之前的标签不够熟悉和不能熟练操作,这就需要花费更多 的时间去不断学习之前的内容,同时能准确并熟练地应用到选择器当中。其次学习了常用文本的修饰方式及背景修饰样式,相对 来说比较容易理解。通过基础的学习能利用学习的知识点做出所需要的内容,这是自己的一点点进步,但不能止步于这点东西。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1