李存喜-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:背景全透明  

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

标签

评论

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