秀日措-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-->让背景图片完全覆盖背景区域

学习心得

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

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

标签

评论

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