最新发布第22页
排序
第七十七章 弹性布局 Flex
我们以前的布局方法,虽然可以完成三个维度,但是每个维度都是各自为政的,一个混乱的体系。 而弹性布局则是一维布局,它有两个轴,优先关心主轴,然后用侧轴辅助。这有点像什么?我们写字,说...
第七十六章 一些共性
因为我们已经有了一套布局方法,虽然有很多缺点,但是目前,论兼容性,这是最好的,所以这一套不能丢。就算是在过渡时期吧,也可以两者结合着用。 然后我们这里有两套系统:弹性(Flex)和网格...
第七十五章 现代布局方法
这是一个重头戏,它们其实不难,只是复杂。复杂到我们最开始看到它们的时候都是相同的感觉——不知所云,无从入手。 读书么,就是把书读薄,再把书读爆的一个过程。所谓读薄,就是从描述中抓住...
第七十四章 实践?!
这一章应该是自适应和响应式的实践,但是老鼠很懒,就不想写了。 因为这很尴尬,设计一个优雅的案例会搞得很复杂,一章怕是放不下。而一通繁琐操作下来,你会发现我就是把前面的东西再说一遍。...
第七十三章 响应式
老有人把响应式和自适应搞混,是因为老有人想要把它们分清。 哪有那么清晰的界限可言,采用方法实现目的就好了啊。为了某个效果,我组合使用怎么算?我不知道答案,我还是努力实现我希望的效果...
第七十二章 自适应
我们写了一个网页,在电脑上看起来效果很好。 但确切的说,是在我们自己的电脑上看起来很好,换一个电脑呢?啊,我说的不是兼容性的问题。只是可能这两个电脑的分辨率不大一样,网页显示出来的...
第七十一章 回顾
我只是想停下来问一句:有自己动手写一个完整的页面吗? 遇到了哪些问题? 你是怎么解决这些问题的? 解决的过程中学到了什么? 把这些记录到笔记中了没有? 我像不像一个婆婆妈妈烦死个人的小...
第六十九章 显示和隐藏
首先,怎么隐藏。 这很简单,你把元素的 display 属性设置为 none 就行了。相反的,设置为 block (根据具体情况选择对应的值)就显示出来了。 然后我们希望它何...
第六十八章 继续折腾导航
导航,好多时候需要有二级导航,就是鼠标滑过去会自己弹出来的那种,这个大家肯定都知道的。 咱们先别管弹不弹出来的,就让它一直显示出来,我们先完成这个效果。 那我们分析,弹出来的导航是不...
第六十七章 定位
确切的说,是定位的方式,属性名是 position,可用的取值也并不多,四五个而已。但是除了默认值 static 之外,可以说其他的每个值都对应了一套定位方式,就需要仔细区分清楚,这...
第六十六章 结束?
其实讲到这里啊,我们布局都讲的差不多了呢~ 你也许觉得诧异,然而,竖排的话简单吧,横排我们也学了,也练习了。横竖交错组合就足够应付日常的排版需求了呀。我们继续讲,也只是对上面内容的重...