秀日措-20201028

知识总结

1.HTML 5.0：H5 -->标签

  块级标签（p ul div）

  行级标签（a span in）

CSS3.0：层叠样式表--->修饰网页

选择器（镜子）：精确选中要修饰的目标

<link rel="stylesheet" href="css/style.css">  /*引用*/

2.常用的选择器：

0.通用选择器（修饰所有标签）

margin:0;/*外边距*/

padding:0;/*内边距*/

border:0;/*边框*/

1.类选择器（用class定义）

2.标签选择器 

3.id选择器

4.后代选择器

5.伪类选择器（鼠标悬停状态--hover）

text-decoration:none; /*去掉下划线*/

修饰字体和文本的常用样式

修饰字体

1. color：red; /*修饰字体的颜色*/

2. font-size：30px; /*修饰字体的大小*/

3. font-family;"宋体”; /*字体类型*/

4. font-style：italic; /*字体的样式*/

5. font-weight:bold; /*字体加粗*/

6. letter-spacing:5px; /*字体间距*/ 

修饰文本

1.text-align: center; /*对齐方式*/

2.line-height: 300px; /*行高*/

3.text-decoration: overline; /*文本划线*/

4.text-shadow: 2px 2px 3px yellow; /*阴影字体（1.水平距离 2.垂直距离 3.模糊距离）*/

5.text-indent: 2em; /*首行缩进*/

修饰背景的样式

background-color: red; /*背景颜色*/

background-image: url（../img/icon.jpg）; /*背景图片*/

background-position; -120px -100px; /*背景图片平移*/

opacity: 0.5; /*透明度*/

background-size: cover; /*背景图片的大小*/

background-attachment：fixed; /*背景图片固定*/

background-repeat；repeat-x; /*背景图片平铺*/

../--> 返回上一级

cover-->让背景图片完全覆盖背景区域

学习心得

今天虽然依旧只上了半天的课，但也学到了很多，主要学习了常用的选择器和修饰字体和文本的常用样式、以及修饰背景的样式，

总的来说，学习效果较前两天较好，但是自己动手练习的时间太少，很多知识点记不住，还需要多加练习来巩固所学的知识。