笔记
概念
1.HTML和CSS
HTML:超文本标记语言
CSS:层叠样式表(用于显示)
2.使用事项
关于HTML:
- 使用闭合标签
- 每个标签都具有自己的属性
关于CSS:
- 用id和class定位。在标签中定义它们的id或class就能这样获取到。id用#,class用.
- 三种使用方法:行内,内部,外部
3.HTML标签认识
基本标签
\标题
\
段落
\图片
\
作业过程中学到的
- 超链接的插入方式:\ \ 在引号中间写入地址
- 居中的方式:\ \
- 在图片下方显示文字的方法: 把文字和图片放入一个盒子里
以及让图片显示在正中的方法:text-align - 设置边距的方法:\
- 让图片从左至右显示的方法:float:left;
(作业晚交了所以在第二次课中了解到这种方法不是最佳方法,但是决定在作业中保持原样) - 鼠标放到图片上图片放大的方法:
- 去别人的网页里看了别人的代码,总结如下
\
div img{
cursor:pointer;
transition:all 0.6s;
margin:10px 5px;
}
div img:hover{
transform:scale(1.1);
}
\
- 去别人的网页里看了别人的代码,总结如下
cursor:当鼠标移动至此时,发生相应变化
transition:将鼠标悬停在一个 div 元素上,逐步改变其宽度,后面表示变宽的时间transform: scale :表示放大的倍数
- 把以上放入head标签
- 翻页使用超链接和按钮组合
一些感想大概
作业晚交是因为电脑坏了,送去维修了,今天刚刚送回来,下次尽量不坏(如果我可以控制的话)
笔记很乱,以及说不出来的感想都在写坏的文档里面,还有表情包里
这两天头发掉的很多