学习目标:
看完视频,做完相应练习
学习内容:
学习时间:
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选择器来说,不适合
完成情况:完成
遇到的问题:基本解决