学习css,js遇到的问题和解决办法

获得的知识:

【javascript】对象(object)就是由一些属性(property)和方法(method)组合在一起而构成的一个数据实体>内建对象(一系列预先定义好的对象),为给定对象创建一个新实例需要使用new关键字

                      全局变量可以在脚本中的任何位置被引用,局部变量只存在声明它的那个函数中(如果在某个函数中使用了var,那个变量就将被视为局部变量)

                      函数(function)的真正价值体现在,我们可以把他们当作一种数据类型来使用,意味着可以把一个函数的调用结果赋给一个变量

                      变量的命名:school_name用下划线  函数的命名schoolName()第二个单词开始首字母大写(驼峰命名法)
遇到的问题:

【CSS】问题一:负margin值的一些疑惑,怎么确定边界,实际在那些场景使用?

回答一:首先从元素的边界开始回答,在文档流中,元素的最终边界由margin决定,margin时物体的边界,用老控制元素和元素直接的间隔大小,如果没有定义margin值则边界大小就是原始宽高+padding+border,如果定义了margin则此时边界的大小就时原始宽高(content)+padding+border±margin,若margin为负值则此时的边界比物体本身还小了。负margin主要用来页面布局,以下是

目前已知的几种应用(以后慢慢补充)

              应用一(负边距+float):左右列固定,中间列自适应布局(实质还是float浮动,通过设定元素的负边距,使其跑到前面去)

              应用二(负边距+决定定位):水平垂直居中有没有其他方式实现?使用绝对定位将div定位到body的中心,然后使用负margin(content宽高的一半),将div的中心拉回到body的中心,已到达水平垂直居中的效果。

              应用三(负边距):去除边界

【CSS】问题二:子级对象使用了cssfloat后,父级div不能自适应高度,不能随对象撑开

回答二:方法一:设定固定高度

              方法二:clear:both

              方法三:对父div加overflow:auto;

【CSS】问题三:两栏或三栏布局的原理分析?

回答三:方法一:float+margin 

              方法二:absoulet+margin    

              方法三:float+负margin ①首先浮动main和sidebar,然后通过负margin正确定位sidebar  ②把main嵌套在一个div中,这个div宽度值100%   ③通过margin-left清除被sidebar覆盖的部分

欢迎分享本文,转载请保留出处:前端ABC » 学习css,js遇到的问题和解决办法

赞 (1)
分享到:更多 ()

发表评论 0