皮皮买

2020年2月27日

摘要：对于影响页面呈选的因素有三个地方：服务器连接数据库并计算返回数据，http请求以及数据（文件）经过网络传输，文件在浏览器中计算渲染呈选；其中大约80%的时间都消耗在了http的请求上，所以要想大幅度的优化页面，必须从http请求上入手阅读全文

posted @ 2020-02-27 15:08 皮皮买阅读(226) 评论(0) 推荐(0)

514 ，css不同选择器的权重（css层叠的规则）

摘要：！important规则最重要，大于其它规则行内样式规则，加1000 eg，<html> <head> </head> <body> <h3>站长中心</h3><p style="padding-left: 60;color: blue">站长 </p> </body></html> 对于选择器中阅读全文

posted @ 2020-02-27 12:18 皮皮买阅读(239) 评论(0) 推荐(0)

513，如果需要手写动画，你认为最小时间间隔是多久，为什么？

摘要：多数显示器默认的频率是60hz，即1秒刷新60次，所以理论上最小的时间间隔是1/60*1000ms = 16.7ms 阅读全文

posted @ 2020-02-27 12:08 皮皮买阅读(342) 评论(0) 推荐(0)

2020年2月26日

512，a标签的target属性

摘要： <a> 标签的 target 属性规定在何处打开链接文档。 1、“_blank”的意思：浏览器总在一个新打开、未命名的窗口中载入目标文档。 2、“_parent”的意思：这个目标，使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 阅读全文

posted @ 2020-02-26 00:07 皮皮买阅读(148) 评论(0) 推荐(0)

2020年2月25日

511,display:inline-block什么时候不会显示间隙？

摘要：（百科：在CSS布局中，如果我们想要将一些元素在同一行显示，其中的一种方法就是把要同行显示的元素设置display属性为inline-block，但是你会发现这些同行显示的inline-block元素之间经常会出现一定的空隙，这就是“换行符/空格间隙问题”。 display：inline；强制变成阅读全文

posted @ 2020-02-25 23:57 皮皮买阅读(526) 评论(0) 推荐(0)

510，position的值，relative和absolute定位原点是

摘要：（absolute：生成绝对定位的元素） position属性用来规定元素的定位类型和方式 ①position：static 默认值，没有定位，元素出现在正常的流中； ②position：fixed 固定定位是相对于浏览器窗口来进行定位； ③position：relative 相对定位相对于其本阅读全文

posted @ 2020-02-25 23:34 皮皮买阅读(527) 评论(0) 推荐(0)

509，谈谈浮动和清除浮动

摘要：浮动的框可以向左或者向右移动，直到她的外边缘碰到包含框，或者另一个浮动的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流的块框表现得就像浮动框不存在一样。浮动的块框会漂浮在文档普通流的块框上。阅读全文

posted @ 2020-02-25 23:14 皮皮买阅读(168) 评论(0) 推荐(0)

508，css优先级算法如何计算？

摘要：优先级就近原则，同权情况下样式定义最近者为准载入样式以最后载入的定位为准优先级：！important>id > class >tag; !important比内联优先级高（百科：内联css样式就是将css样式写在html的开始标签中 eg，<p style = "color:red;">这里阅读全文

posted @ 2020-02-25 00:05 皮皮买阅读(155) 评论(0) 推荐(0)

2020年2月24日

507，介绍一下标准的css盒子模型？低版本ie的盒子模型有什么不同的？

摘要：有两种，IE盒子模型，另外是W3C盒子模型：盒模型都包括：内容（content），填充（padding），边界（margin），边框（border）；区别：IE的content部分吧border和padding计算进去了，w3c宽高加上border和padding才是盒子大小；阅读全文

posted @ 2020-02-24 16:32 皮皮买阅读(251) 评论(0) 推荐(0)

506，display有哪些值？说明他们的作用

摘要： block：转换成块状元素 inline：装换成行内元素 none：设置元素不可见 inline-block：想行内元素那样显示，但是其内容像块类型元素一样显示 list-item：想块类型元素一样显示，并添加样式列表标记 table：此元素会作为块级表格来显示 inherit：规定应该从父元素继承阅读全文

posted @ 2020-02-24 16:27 皮皮买阅读(344) 评论(0) 推荐(0)

505，display，float，position之间的关系（有疑问）

摘要：（display属性设置元素如何显示）如果display取值为none，那么position和float都不起作用，这种情况下元素不产生框否则，如果position设置框是绝对定位，float的计算值就为none，display根据下面的表格进行调整否则，float不是none，框是浮动的，d 阅读全文

posted @ 2020-02-24 16:19 皮皮买阅读(158) 评论(0) 推荐(0)

504，什么是FOUC？怎么避免

摘要： Flash of Unstyled Content ：用户定义样式表加载之前浏览器使用默认样式显示文档，用户样式加载渲染之后再重新显示文档，造成页面闪烁解决办法：把样式表放到文档的<head>标签内阅读全文

posted @ 2020-02-24 16:07 皮皮买阅读(132) 评论(0) 推荐(0)

503,display:none;与visibility：hidden；的区别

摘要：联系：他们都能让元素不可见区别： display：none；会让元素从渲染树中消失，渲染的时候不占据任何空间； visibility：hidden；不会让元素从渲染树中消失，渲染时袁旭继续占据空间，知识内容不可见了； display：none；是非继承属性，子孙节点消失是由于元素从渲染树中消失造成阅读全文

posted @ 2020-02-24 16:02 皮皮买阅读(156) 评论(0) 推荐(0)

2020年2月23日

502,csssprite是什么，有什么优缺点

摘要：（百科：csssprite是一种网页图片应用处理方式，国内常叫css精灵。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。）阅读全文

posted @ 2020-02-23 16:10 皮皮买阅读(120) 评论(0) 推荐(0)

501，写一个简单的后代选择器

摘要： h1 en {color:red} <h1>this is a <em>important</em> heading</h1> <p>This is a <em>important</em> paragraph.</p> 阅读全文

posted @ 2020-02-23 15:51 皮皮买阅读(109) 评论(0) 推荐(0)

公告