2020-11-18

学习目标：

看完视频，做完相应练习

学习内容：

学习时间：

1、 周三早上10:30到12:00
2、 周三下午4点30到6点
3、 周三晚上8点到9点

学习产出：

---

1.查看图片大小（1.开发者工具 2.截图）
2.链接地址为#则会跳转到当前页面的顶部
3.id属性每个标签可以设置，作为标签的唯一标识，并且起名不能重复
4.超链接是写邮件:href:mailto:
5.css（层叠样式表）：css样式编写到标签的style属性里面style="color:red;"

style="color:red ; font-size:20px;"

内联样式：样式直接编写到style属性中，只对标签中的内容起作用（不推荐使用）
外联样式：cssy样式写到head的style标签里面<style type ="text/css"></style>

p{color:red;font-size:40px;}

外部样式表：style.css,通过link标签来引用外部css样式表，link标签是自结束标签，并且有两个固定属性，rel="stylesheet; type="text/css‘ 添加外部的样式表： href=“相对路径” 这样结构和表现完全分离并且最大限度复用并且通过link标签的引入，可以加速浏览器的访问速度（有缓存）
6.css的语法：
（1)CSS里面不能有html的东西（包括注释）
（2)CSS注释：/* */(只能在style标签里面或者css文件中）
（3)选择器(选择元素，并将声明块中的样式应用在对应元素上）
      声明块：{color:red; font-size:20px;}
7.Hbuilder X：!和tab就可以有模板； 内置浏览器（边改边看）；alt加/有提示功能； ctrl d删除一行； ctrl 换行：改变光标位置
8.内联和块元素：
div就是一个块元素（独占一行的元素，比如p h1 br），div标签没有任何语义，没有任何默认样式，主演用来对页面进行布局
span是一个内联元素（行内元素，只占自身大小的元素，一行容不下之后会自动换行。比如：a img iframe ), span没有任何语义，用来选中文字以及设置文字样式。
一般用块元素包含内联元素，内联元素不包含块元素，但a可以包含任何元素，除了他本身。p元素不可包含任何其他块元素
9.常用选择器：
p{ } ------元素选择器
#id{ }-----id选择器
.class{ }-----类择器（class可以次重复，可以给一个元素设置多个class属性值，多个值之间空格分开
选择器分组：选中多个选择器对应的元素 选择器1，选择器2，
选择所有元素：通配选择器 *{ }
复合选择器：符合多个选择器 选择器1选择器2选择器3 对id选择器来说，不适合
完成情况：完成
遇到的问题：基本解决