一、上课笔记
1.标签闭合
2.标签可以嵌套
3. 显示空格
4.target="blank"换页打开
5.有序列表ol li
无序列表ul li
自定义列表dl dt dd
6.代码整理alt+shift+f
7.尽量使用相对路径
8.表示界面的语言为英语
9.上下并列ctrl alt 加上下
10.ctrl+d 选中多个重复字
11.text-align:center;内容对齐方式,居中对齐
clear:both不允许有浮动对象,清除浮动
12.padding-top:10px;是指容器内的内容距离容器的顶部有10个像素
13.结束标签的位置对显示很有影响
)
14.border-radius:圆角效果
15.margin 页边距
16.margin:auto 使居中(把学长的课件优化了一下)
17.action规定了提交表单时发送表单数据的目的地
method规定了发送方式
name表单的名字
其实并没有这么多,学长水平太高,讲的太快记不全,结合一些自己的问题上网搜查所得。
下面是我自己课前的笔记:
换行br/>
b>粗体
i>斜体
常用strong>替代b>
em>替代i>
small>小号字
大号字big>
sub>下标字 上标字sup>
ins>插入字 删除字del>
code>定义计算机代码
kbd>定义键盘码
samp>定义计算机代码样本
var>定义变量
pre>定义预格式文本
abbr>定义缩写
address>定义地址
bdo>定义文字方向
blockquote>定义长的引用
q>定义短的引用
cite>定义引用、印证
dfn>定义一个定义项目
复制上看了看,直接自动把标签翻译了,我就都删去了一个尖括号
二、过程中遇到的问题
1.遇到了很多问题包括怎么给title加图片,如何设置多样的按钮功能,如何调整div,form大小等等,通过学长的讲解和上网搜索都一一解决。
2.尚未解决的问题:为什么按钮设置了圆角后点击效果却消失了?
3.其实我课件还没有详细的看完,后续问题还待开发(狗头保命)
三、通过学习html和css的一些认识
不想复制一些定义之类的东西,简单谈谈自己的理解。
1.html和css是密不可分的关系,在网页设计上最基础的当然是html,但是它的作用非常有限,只有通过css中的一些东西,比如style啥的各种代码来丰富,我认为地位上实际是二者并举。
2.html和css并不是编程语言,就是一些标签组成,规则更简单,学习起来更容易,不需要我最近学习的java语言中什么public各种东西就能运行,我好喜欢这种简单的方式哈哈哈。
3.总结来说html和css虽然简单,但是想掌握的很好还是太难,需要不断自我反省,学习深入。
四、课后作业
还没做,希望直接通过
刚发过来的时候一脸懵逼,我以为是用课上学的东西做作业,结果光速打脸,希望自己在近几天赶紧学完相关知识,好好完成作业。
当晚便心血来潮想一下子做完,结果现在十二点半,高估自己了...
1.图片放大问题:
上网站上搜索得知,只需要对img简单的设置即可。
transition: all 0.6s;表示所有的属性变化在0.6s的时间段内完成。
transform: scale(1.4);表示在鼠标放到图片上的时候图片按比例放大1.4倍。
设个属性轻松解决
2.对于文字修饰方面:
在研究学长第一次上课课件时发现style="text-decoration”这个东西,探索后得知可以通过这个属性来设置文字的下划线,上划线,删除线和控制闪烁文字。我觉得设置个闪烁文字也挺帅的
3.js中的页面跳转:
通过window.location.replace("url")替换url来实现,将button设置上点击 a 标签的链接。连接到我的第二页即可。
4.onlick事件:
在元素被点击时会执行js脚本,定义一个function函数,再写document.getElementById("").innerHTML="";一串看不懂的东西就完成了。
5.细节修缮
- 文本的居中对齐通过text-align: center实现
- 对字体加了下划线但颜色并未考虑
- 调整按钮的绝对定位
- 设置图片的圆角,使其看起来不太违和
- 给title设置图片,显得更有个性,先将图片转化位icon格式,在HTML中link引用icon图片,将link中rel的默认样式改为shortcut icon,在运用href链接入图片
五、一些感悟
学习就是一个自我反思自我完善的过程,通过对作业的思考让我学到更多知识,不仅仅局限于要求所学。