部分css基本知识
选择器
- 全局选择器:*()
- 标签选择器:div,p,body等布局标签作为选着器名称的选择器
- id:(#_)以#开头的选择器
- 类选择器:(._)以.开头的选择器
- 伪类选择器:就是链接样式用于定义元素特殊的状态。(我们常用的就有:hover伪类选着器)
- 后代选着器:我们希望对一个标签有一个具体的选择,就带来了类似于(div p )这样的后代选着器可以用于指定div标签包裹的p标签可以具体的选着某一个标签。
浅谈盒子模型
-
每个盒子基本由四个部分组成,分别是margin,padding,content,border四个组成部分,又分为W3C标准盒子模型,和IE盒子模型主要区别是,IE模型的宽度包括paddin,border和content,而IE模型的宽度只包括content本身。
-
margin 负值问题:
- margin-top:盒子本身会向上移动,同时影响下面的盒子向上移动。
- margin-bottom:盒子本身不移动,但会影响下边的盒子向上移动。
- margin-left:盒子本身会向左移动,同时会影响右部的盒子向左移动。
- margin-right:盒子本身不会移动,但是会影响右边的盒子向左移动。
总结: 通过负边距进行偏移的元素,它会放弃偏移前占据的空间,这样它后面文档流中的其它元素就会“流”过来填充这部分空间。 但是文档流只能是后面的流向前面的,即文档流只能向左或向上流动,不能向下或向右移动
部分js基础知识
数据类型
- 基本数据类型
- 布尔型(Bollean):该类型只有两个值:true 和 false
- null:这个一个数据标识符,代表定义了一个具有null意义的数据
- undefined:同null一样是一个数据标识符,但是是一个没有被定义的数据,代表变量未被赋值时候的定义。
- 数据型(Number):有浮点数据类型,整数数据类型。
- 字符型(String):是指由字符组成的数据,有字符串等。
- 代表型(Symbol):( 在 ECMAScript 6 中新添加的类型).。一种实例是唯一且不可改变的数据类型。
- 任意精度的真数(Blight):可以安全地存储和操作大整数,甚至可以超过数字的安全整数限制。
- 引用数据类型
- 对象(Object):一些由花括号{}包含的由键:值组成的无序的数据类型
- 数组(Array):一些由[]包含的数据通常具有,不重复性,无序性,
- 函数(Function):是一段具有特定功能的代码块,函数并不会自动运行,需要通过函数名调用才能运行。
ps:如有错误,请多指教。