代码教程——第二十九章 首屏大海报(三)
不过显然的,要是做个海报这么简单码农们就不哭了。所以现在我们要做一些没有设计师我们一样玩的很 High 的工作。 你看我的海报其实还只有一个背景,上节课虽然加了链接,也不过是自欺欺人,没...
代码教程——第二十八章 首屏大海报(二)
据说看完上一节教程之后好几拨人哭昏在了厕所。别再昏了,起来嗨~ 其实后面讲到响应式我们可以根据实际情况去调节海报的高度,讲到 JQuery 我们可以很方便的动态设置海报高度。那时候有的你们哭...
代码教程——第二十七章 首屏大海报(一)
一块八的啤酒真不经喝,没聊两句就喝光了,导致上一章有点短。现在还剩下四毛钱,买个棒棒糖都不够,话说有钱不知道怎么花也是一种折磨啊。 今天开始聊这个页面的大海报部分,但是一个关键的问...
代码教程——第二十六章 CSS 书写规范
开一瓶一块八的啤酒,再来一串八毛钱的小鱿鱼,老板记得多放辣椒(这样经吃,这是经验,都记着点)。我们继续开始聊~我一个礼拜才三块钱零花钱,今天点了两块六的大餐,喵的,这日子不过了! 你...
代码教程——第二十五章 导航条(十)
现在来说说这个浏览器宽度的问题,这可不是一个小问题哦,因为大家的显示器尺寸是不同的,所以浏览器窗口的大小相应的也必然无法保持一致,我们必须同时考虑到可能出现的各种情况才行。 那么当...
代码教程——第二十四章 导航条(九)
很多同学问,你看他们那谁家的小谁做的那个导航,鼠标一滑过还有变化,他们怎么做的? 那今天我们来讲一些更好玩的伪类,首先是 :hover,这个讲的是某元素被鼠标滑过的时候的样式。当然如果不...
代码教程——第二十三章 导航条(八)
我们来做一些简单的美化工作,本着过犹不及的原则(其实是我懒),我们就做点很简单的东西啊,比如:你看两个导航项之间的分隔不明确是吧,我们来加个分割线啊,挺简单的事,给 #nav .nav-item...
代码教程——第二十二章 导航条(七)
现在我们来学着解决问题哦,我们还有一个遗留问题没有解决,就是页面底下的滚动条。你肯定又说了:“你还是知道解决啊?你不知道我都看着碍眼好多章了么?”这个不怨我啊,你们看看我的截图,我...
代码教程——第二十一章 导航条(六)
上次我们把导航条写了一个雏形,就是看起来还行(这么难看居然说还行……我眼瞎)。我们的计划是现在给它加上链接,让他成为一个能干活的导航。 加链接这种事情对于现在的我们来说没什么难度了...
代码教程——第二十章 导航条(五)
现在来写导航项。其实导航是有专门的标签的 <nav> </nav> 但是这个特性比较新,IE9 才开始支持,所以很多人还是习惯用列表来写导航,这里我们也使用列表,为的是你以后看到各种代...
代码教程——第十九章 导航条(四)
你说,上节课的都听明白了,就是不懂。 这很正常,现在我们来说一个你以后在网页前端道路上不可或缺的助手——“审查元素”(这是 Chrome 浏览器里的名字,而 Firefox 里叫做“查看元素”)。 ...
代码教程——第十八章 导航条(三)
本章代码点击即可下载 我刚写下这个标题你就跑过来大喊着,终于又开课了,上节课我就有点觉得不对劲,你说那文字紧贴着左边能看吗?赶紧想想办法! 嗯,是的,紧贴着左边确实不好看啊,那我们这...