页面制作收获杂谈

一、疑惑：
1.内容如何不会随着页面大小的缩放而改变位置与排版？
如：
a. 蓝色背景条+黑色底条，如何在50%时，还会铺展到全部页面？
—宽度设置为100%，是否有其他因素过长，导致卡位现象
b. 登陆|注册 如何定于页面的右上角不变位置与排版
（增扩div，绝对位置定位到header-div）
2. 判断正误：一个元素不能既 设置绝对位置，又不能设置为相对位置的参照。
3. 矢量图/其他图形为何不可复制图片链接地址？如何复制？
4.透明度：通过4位10进制赋值 rgba(0-255,0-255,0-255,0-1) a=alpha 透明度 值越小越透明
二、收获：
1. Table的每个单元格宽度，边框可以加宽（自行设定）吗？
–标签属性设置，极为不便。
2. 行内元素：
a. 内边距设置是否有效？有效，会顶开其他
b. 外边距设置是否有效？无效
c. 宽高与长短是否有效？无效
3. margin：外边距设置三个数是代表啥意思？
答：和padding一样，设置三个值，第一个值为上边距，第二个为左右边距，第三个为下边距。
注意:margin:0 auto;当前需要有自己的宽高才会把其集中在上级中间，是把当前元素集中，上下边数为零，左右居中。
三、易忘点回顾：
1. 加圆角：border-radius:2px;
2. 去边框：border:0;
3. 由鼠标变成手指：curser:pointer;
4. ul的设置：去掉默认的左侧边距：在ul中设置padding-left:0;
去掉每个li的项目符号：list-style-type:none;
5. 去掉a标签的下划线：text-decoration:none;
6. position位置：
相对：relative：top/right/left/botom-------相对于窗口或者上级元素
绝对：abslutly-----相对于窗口或者上级元素
固定：fixed----对于窗口
7. 浮动位置：float:top/right/left/botom—对于上级/同级元素
8. 分离css和HTML文件建立连接：
9.溢出设置overflow
hidden 隐藏
visible 显示
scroll 滚动显示
10.显示方式display
block: 块级元素的默认值,独占一行,可以修改宽高
inline: 行内元素的默认值,共占一行,但是不能修改宽高
inline-block:行内块, 共占一行并且可以修改宽高
11.隐藏页面标签的两种方式
display:none 元素隐藏并脱离文档流, 改回原来的值则显示
visibility:hidden(隐藏)/visible(显示) 隐藏元素不脱离文档流
12.console.log(index);//为了在网页的console中显示结果，便于查找问题【console控制台，log记录】
13.window对象中常见的方法:
parseInt/Flaot()
alert() //弹出提示框
confirm() //弹出确认框
prompt() //弹出文本框
isNaN() 判断是否是数
四、js
1.把js独立出来时候，要非常注意写的导入地址是否正确（全面，可以f12查看，有找不到js文件的提示，核实地址）
2.悬停变换：悬停一个状态，离开一个状态，变化即可；
或者在css中设置，transition（过渡）transform（变换）
animation（动画）

从三个属性就可以知道，tansition是一个过渡属性，就是一个属性从一个值过渡到另一个值，tansform变换，就是一个整体的位置（或整体大小）发生变换，animation动画，就是在一段时间内各种属性进行变化从而达到一个动画的效果。

--------------------- 作者：krysliang 来源：CSDN 原文：https://blog.csdn.net/krysliang/article/details/84634235

五、不足之处：
1.缺乏全局观的增增补补，有几处的div用class实现样式的复用显然更好点，当时只考虑内容要一个一 个写，有好多地方的元素选择建立在div基础上，后期改动，比较繁琐，维护性差！
–>进一步体会选择器的特点和应用，整体考虑，不仅仅局限于头，身，脚的分模块考虑

六、个人感悟和想法：
1.黑猫白猫抓住老鼠就是好猫，在解决新项目问题时，收获意外的惊喜
2.能动手就不**