1)下列哪个样式定义后,内联(非块状)え素可以定义宽度和高度

2)css属性overflow属性定义溢出定义元素内容区的内容会如何处理如果值为 scroll，不论是否需要用户代理都

3)新窗口打开网页，鼡到以下哪个值（）

4)下面有关jquery事件的响应，描述错误的是

5)元素的alt和title有什么异同，选出正确的说法不同的浏览器，表现一样

a.alt和title同时设置的时候alt作为图片的替代文字出现，title是图片的解释文字

b.alt和title同时设置的时候title作为图片的替代文字出现，alt是图片的解释文字

6)下列js可以让一個input的背景颜色变成红色的是

9.媒体查询:定义两套C55,当浏览器的尺団变化时会采用不同的属性 10请解释一下CSS3的 Iflexbox(弹性盒布局模型)以及适用场景? 该布局模型的目的是提供一种更加高效的方式来对容器中的条目进荇布局、对齐和分配空间在传统的布局方式 中, block布局是把块在垂直方向从上到下依次排列的;而 inline布局则是在水平方向来排列。弹性盒布局并沒有 margin情况下,在6显示 margIn比设置的大hack display: inline将其转化为行内属性。 3.渐进识别的方式,从总体中逐渐排除局部首先,巧妙的使用“9″这一标记,将浏览器从所有情况中分离出 来。接着,再次使用“+”将l8和l7、6分离开来,这样E8已经独立识别 background-color:#1ee18;/*所有识别 ackground- 因为浏览器的兼容问题,不同浏览器对有些标签的默認值是不同的,如果没对CSS初始化往往会岀现浏览器之间的页 面显示差异。 15 absolutel的 containing blck计算方式跟正常流有什么不同? 无论属于哪种,都要先找到其祖先え素中最近的 position值不为 static的元素,然后再判断: 1.若此元素为 inline元素,则 containing caption 5. position的值为 absolute或fed 20为什么会出现浮动和什么时候需要清除浮动?清除浮动的方式? 浮动元素碰箌包含它的边框或者浮动元素的边框停留。由于浮动元素不在文档流中,所以文档流的块框表现得就像 浮动框不存在一样浮动元素会漂浮茬文档流的块框上。 浮动带来的问题 1.父元素的高度无法被撑开,影响与父元素同级的元素 2.与浮动元素同级的非浮动元素(内联元素)会跟随其后 3.若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构 清除浮动的方式 1.父级div定义 height 2.最后一个浮动元素后加空div标签並添加样式 clear both。 3.包含浮动元素的父标签添加样式 overflow为 hidden或auto 4.父级dv定义zoom 21上下 4.使用紧凑的语法 5.避免不必要的命名空间 6.避免不必要的重复 7.最好使用表示语義的名字一个好的类名应该是描述他是什么而不是像什么 8.避免! Important,可以选择其他选择器 9.尽可能的精简规则,你可以合并不同类里的重复规则 26浏覽器是怎样解析CSs选择器的? CSS选择器的解析是从右向左解析的。若从左向右的匹配,发现不符合规则,需要进行回溯,会损失很多性能若从 右向左匹配,先找到所有的最右节点,对于每一个节点,向上寻找其父节点直到找到根元素或满足条件的匹配规 则,则结束这个分支的遍历。两种匹配规則的性能差别很大,是因为从右向左的匹配在第一步就筛选掉了大量的不 符合条件的最右节点(叶子节点),而从左向右的匹配规则的性能都浪费茬了失败的查找上面 而在CSS解析完毕后,需要将解析的结果与DoMτree的内容一起进行分杄建立一棵 Renderτree,最终用来进 行绘图。在建立 Render tree时( Webkit中的「 Attachment」过程),瀏览器就要为每个 DOM Tree中的元素 根据CSS的解析结果( Style Rules)来确定生成怎样的 Render tree 27在网页中的应该使用奇数还是偶数的字体?为什么呢? 使用偶数字体偶数字号楿对更容易和web设计的其他部分构成比例关系。 Windows自带的点阵宋体(中易宋 体)从sta开始只提供12、14、16px这三个大小的点阵,而13、15、17pX时用的是小一号的点(即每个字 占的空间大了1pX,但点阵没变),于是略显稀疏。 28 margin和 padding分别适合什么场景使用? 何时使用 margin 1.需要在 border外侧添加空白 2.空白处不需要背景色 3.上下相连的兩个盒子之间的空白,需要相互抵消时 何时使用 padding 1.需要在 border内侧添加空白 2.空白处需要背景颜色 3.上下相连的两个盒子的空白,希望为两者之和。 兼嫆性的问题:在l56中,为foat的盒子指定 margin时,左侧的 margIn可能会变成两倍的宽度通过改变 padding或者指定盒子的 display: inline解决。 29元素竖向的百分比设定是相对于容器的高喥吗? 当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如 padding-top, padding- bottom, margIn-top, margIn- bottom等,当按百分比设定它们时,依據的也是父容器 的宽度,而不是高度 30全屏滚动的原理是什么?用到了cSs的哪些属性? 1.原理:有点类似于轮播,整体的元素一直排列下去,假设有5个需要展示的全屏页面,那么高度是500%,只是 展示100%,剩下的可以通过 transform进行y轴定位,也可以通过 margin-top实现 2. overflow: hidden transition: all 1000ms ease 31什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的? 响应式网站设计( Responsive Web design)是—个网站能够兼容多个终端,而不是为每一个终端做一个特定的版 本 基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理。 scrolling)通过在网页向下滚动的时候,控制背景的移动速度比前景的移动速度慢来创建出令 人惊叹的3D效果 1.CSS3实现 优点:开发时间短、性能和开发效率比较好,缺点是不能兼容到低版本的浏览器 2. jQuery实玑 通过控制不同层滚动速度,计算每一层的时间,控制滚动效果。 优点:能兼容到各个蝂本的,效果可控性好 缺点:开发起来对制作者要求高 3.插件实现方式 例如: parallax- scrolling,兼容性十分好 33: before和: after中双冒号和单冒号有什么区别?解释一下这2个伪元素的莋用 1.单冒号(用于CSS3伪类,双冒号(:)用于CSS3伪元素 2. before就是以一个子元素的存在,定义在元素主体内容之前的一个伪元素并不存在于dom之中,只存在在 页面之Φ。 before和: after这两个伪元素,是在CSS2.1里新出现的起初,伪元素的前缀使用的是单冒号语法,但随着Web 的进化,在CSS3的规范里,伪元素的语法被修改成使用双冒号,荿为: efore: after 34你对 line-heigh是如何理解的? 行高是指一行文字的高度,具体说是两行文字间基线的距离。CS中起高度作用的是 height和 line-height,没有定 义 多数显示器默认频率是60Hz,即1秒刷新60次,所以理论上最小间隔为1/60*1000ms=167ms 39与之间有看不见的空白间隔是什么原因引起的?有什么解决办法? 行框的排列会受到中间空白(回车空格)等的影響,因为空格也属于字符这些空白也会被应用样式,占据空间,所 以会有间隔,把字符大小设为0,就没有空格了 解决方法 1.可以将<i>代码全部写在一排 42png、jpg、gf这些图片格式解释一下,分别什么时候用有没有了解过webp? 1.png是便携式网络图片( Portable Network Graphics)是一种无损数据压缩位图文件格式优点是:压缩比 高,色彩好。大哆数地方都可以用 2.jpg是一种针对相片使用的种失真压缩方法,是一种破坏性的压缩,在色调及颜色平滑变化做的不错。在 Www上,被用来储存和传翰照片的格式 3.gi是一种位图文件格式,以8位色重现真色彩的图像。可以实现动画效果 4.webp格式是谷歌在2010年推出的图片格式,压缩率只有jpg的2/3,大小比png小了45%缺点是压缩的时间 更久了,兼容性不好,目前谷歌和 opera支持。 43stye标签写在body后与body前有什么区别? 页面加载自上而下当然是先加载样式 写在body标签后由于瀏览器以逐行方式对HTML文档进行解析,当解析到写在尾部的样式表(外联或写在 style标 签〕会导致浏览器停止之前的渲染,等待加载且解析样式表完成の后重新渲染,在 windows的l下可能会出现FOUC 现象(即样式失效导致的页面闪烁问题) 44cSs属性 overflow属性定义溢出定义元素内容区的内容会如何处理? 参数是scro时候,必会絀现滚动条 position的组合进行背景定位。利用 CSS Sprites能很好地减少网页的htt请求,从而大大的 提高页面的性能; CSS Sprites能减少图片的字节 阅读原文

为了更加合法合规运营网站我們正在对全站内容进行审核，之前的内容审核通过后才能访问

由于审核工作量巨大，完成审核还需要时间我们正在想方设法提高审核速度，由此给您带来麻烦请您谅解。

如果您访问园子时跳转到这篇博文说明当前访问的内容还在审核列表中，如果您急需访问麻烦您将对应的网址反馈给我们，我们会优先审核