浏览器步骤： 解析HTML文本，构建dom tree 歇息CSS样式表，构建CSSOM tree 根据DOM tree和 CSSOM tree 构建Render tree 根据Render tree来进行布局处理（Layout） 将页面元素进行绘制（Painting） 谈谈阻塞： css： css被视为阻塞渲染的资源，也很好理解，要不然怎么构...

2019-04-18 08:54:39

! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title 双飞翼 / title / head style * { margin : 0 ; } html, body { height : 100% ; } /* 三个高度均为100%， float： left */ .main_container, .left, .right { height : 100% ; float : left ; } /*...

2019-04-18 08:54:36

单行截断： span { display: inline -block; // 如果不是block元素，还需要设置这个。 width: 150px; // 超出的宽度 overflow: hidden; // 超出隐藏 text-overflow: ellipsis; // 超出用省略号 white-space: nowrap; // 不换行 } 多行截断： 多行截断有好几种方法， 1...

2019-04-18 08:54:24

问题描述： webstorm中index.js文件被识别成txt格式，如下图。 原因： webstorm中js文件被识别成txt文件，原因在于txt类型识别了以当前js文件名命名的模式。 解决办法： FileEditorFileTypes找到Text类型，将其中的index.js格式从中取消，applyok 拓展： 同理其他被识...

2019-04-18 08:54:20

关键词： display: flex，flex: 1, overflow-y: scroll; 实现： head 和footer 固定，中间body多了滚动，少了撑满； head和footer宽度根据内容撑起，当然你可以自己设置........ 小二，上代码！ 来喽~~ // html布局 html body div class ="container" div class ="head...

2019-04-18 08:54:11

昨天火急火燎地接到一个任务，说是要做一个掷骰子的游戏，关于掷骰子期间的过渡动画，我本来是想用css 3d制作一个立体的骰子，然后叫UI给6张平面图贴上去。再用translate3d来操作。然而UI考虑得十分周到，直接就给了我一个雪碧图，并告诉我在photoshop中可以用帧动画来...

2019-04-18 08:54:01

[field:descriptionfunction='cn_substr(@me,80)'/] [field:bodyfunction='cn_substr(@me,80)'/] 不足显示全文，超过显示省略号... [field:titlefunction='(strlen("@me")26?cn_substr("@me",26)."":"@me")'/] 展示效果如下 安装电话安装电柜安装电工安装电动门控制器...

2019-04-18 08:53:52

小米官网 京东官网 天猫官网...

2019-04-18 08:53:47

原图： 效果图： 虽然说没用啥什么高级的技巧，但这让我感受到了CSS的乐趣！ 好好学习，天天向上！ ! DOCTYPE html html head title / title style type ="text/css" body { background-color : #66B3FF ; height : 300px ; overflow : hidden ; } #head { width : 200...

2019-04-18 08:53:36

有时候在一个宽高固定的容器中，需要加载更多内容，如果设置了overflow:auto，加载更多内容时，子元素的大小超过父容器，就会出现滚动条。而滚动条的突然出现，会让子元素统统 向左抖了一下 。效果如下： 先来复习一下overflow的几个概念： overflow:visible //默认属...

2019-04-18 08:53:36