李存喜-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:背景全透明
二、学习心得
通过今天的学习,我知道了选择器,还学习了如何修饰字体、文本和背景。今天老师讲的特别快,输程序的时候跟不上,
老是出错,而且有些结果实现不了,即使这样今天这半天过的还是特别充实,学到了不少东西,以后还需好好学习,充实自己。
近期评论