码迷,mamicode.com
首页 > Web开发 > 详细

web前端开发面试题(未完待续)

时间:2017-07-23 15:26:33      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:文档   空间   实现   元素   字母   一个   nbsp   内容   标签   

一、HTML与XHTML的不同:1)XHTML元素必须被正确地嵌套

                                             2)元素必须被关闭   如:<h1>……</h1>关闭

                                             3)标签名必须用小写字母

                                             4)XHTML文档必须有根元素

二、盒子模型:CSS框模型(BOX Model)规定了元素框处理元素内容、内边距、边框、和外边距的方式,俗称盒子模型。

三、多列布局分为:圣杯布局和双飞翼布局

          双飞翼布局(常用)和圣杯布局的相同点和不同点:

          相同点:1)中间栏放最前面(最先加载)

                              2)每一部分都要浮动(float)

                              3)左边:margin-left:-100%

                                    右边:margin-left:负的右边栏的定宽   如右边栏宽度为200px,则margin-left值为-200px

          不同点:解决中间栏不被遮挡的思路不一样

                             1.圣杯布局是通过padding的方式让出空间,再通过相对定位position:relative;将其推到两边。

                             2.双飞翼布局是通过创建一个子的div方式,在中间栏设置margin-left 和 margin-right 留出位置。

         附:    1、圣杯布局:多列布局的变种,边栏定宽,主体在一定范围内可自适应,并且优先加载

                                          实现思路:1)设置主容器div的padding(根据边栏位置设置left、right)和overflow(hidden)。

                                                            2)在主容器中先添加主体,再添加边栏。

                                                            3)设置主体width为100%(可适应浏览器窗口大小变化),

                                                                  float 为left(为边栏定位做准备)。

                                                             4)设置边栏,position采用relative ,左边栏需设置margin-left为-100%使其移动到主体前面

                                                                      以及left属性;右边栏设置margin-left为负的右边栏定宽以及right属性。

 

web前端开发面试题(未完待续)

标签:文档   空间   实现   元素   字母   一个   nbsp   内容   标签   

原文地址:http://www.cnblogs.com/shenjf/p/7224564.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!