李存喜-20201028

一、知识总结
            1.HTML5.0:H5->标签（块级标签：p ul div （注：必须给大小,用class定义  .box名称） 行级标签：a span img)
            2.css3.0:层叠样式表->修饰网页
            3.选择器（镜子）：精确的选中要修饰的目标
              常用的选择器：
                                 （0) .通用选择器: margin: 外边距, padding: 内边距, border: 边框, background-color: 背景颜色
                                 （1) .类选择器  
                                 （2) .标签选择器 
                                 （3) .id选择器 
                                   (4) .后代选择器 
                                   (5) .伪类选择器（鼠标悬停状态）
                                   (注：类选择器的优先级高于标签选择器)
            4.修饰字体、文本和背景的常用样式
                   修饰字体：
                                   color: 修饰字体颜色  (red)
                       font-size: 修饰字体大小  (10px)
                       font-family:字体类型 （ "宋体"）
                       font-style: 字体样式  （italic)
                       font-weight: 字体加粗  (bold)
                       letter-spacing:字体间距 (1px)
                   修饰文本: 
                                   text-align: 对齐方式  ( center)
                       line-height: 行高  (300px)
                       text-decoration:下划线  (underline)
                       text-shadow:  2px 2px 3px red  水平距离 垂直距离  模糊程度  颜色
                       text-indent: 首行缩进  (2em  em相对单位)
                   修饰背景的样式: 
                                   background-color: 背景颜色  ( blue)
                       background-image: 背景图片(url)
                       background-size: 背景图片大小 (cover全部覆盖)
                       background-repeat: 背景图片平铺(no-repeat)
                       background-attachment:  背景图片固定(fixed) 
                       background-position: 背景图片平移  ( +/-10   +/-20   注：  -:向左或向下移，+：向右或向上移动）
             5.   rgba:颜色透明度    opacity:图片透明度     transparent:背景全透明  

二、学习心得
通过今天的学习，我知道了选择器，还学习了如何修饰字体、文本和背景。今天老师讲的特别快，输程序的时候跟不上，
老是出错，而且有些结果实现不了，即使这样今天这半天过的还是特别充实，学到了不少东西，以后还需好好学习，充实自己。