代码教程 第19页
代码教程——第二十五章 导航条(十)-易看设计 - 专业设计师平台

代码教程——第二十五章 导航条(十)

现在来说说这个浏览器宽度的问题,这可不是一个小问题哦,因为大家的显示器尺寸是不同的,所以浏览器窗口的大小相应的也必然无法保持一致,我们必须同时考虑到可能出现的各种情况才行。 那么当...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
019030
代码教程——第二十四章 导航条(九)-易看设计 - 专业设计师平台

代码教程——第二十四章 导航条(九)

很多同学问,你看他们那谁家的小谁做的那个导航,鼠标一滑过还有变化,他们怎么做的? 那今天我们来讲一些更好玩的伪类,首先是 :hover,这个讲的是某元素被鼠标滑过的时候的样式。当然如果不...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
016970
代码教程——第二十三章 导航条(八)-易看设计 - 专业设计师平台

代码教程——第二十三章 导航条(八)

我们来做一些简单的美化工作,本着过犹不及的原则(其实是我懒),我们就做点很简单的东西啊,比如:你看两个导航项之间的分隔不明确是吧,我们来加个分割线啊,挺简单的事,给 #nav .nav-item...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
016870
代码教程——第二十二章 导航条(七)-易看设计 - 专业设计师平台

代码教程——第二十二章 导航条(七)

现在我们来学着解决问题哦,我们还有一个遗留问题没有解决,就是页面底下的滚动条。你肯定又说了:“你还是知道解决啊?你不知道我都看着碍眼好多章了么?”这个不怨我啊,你们看看我的截图,我...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
015790
代码教程——第二十一章 导航条(六)-易看设计 - 专业设计师平台

代码教程——第二十一章 导航条(六)

上次我们把导航条写了一个雏形,就是看起来还行(这么难看居然说还行……我眼瞎)。我们的计划是现在给它加上链接,让他成为一个能干活的导航。 加链接这种事情对于现在的我们来说没什么难度了...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
017140
代码教程——第二十章 导航条(五)-易看设计 - 专业设计师平台

代码教程——第二十章 导航条(五)

现在来写导航项。其实导航是有专门的标签的 <nav> </nav> 但是这个特性比较新,IE9 才开始支持,所以很多人还是习惯用列表来写导航,这里我们也使用列表,为的是你以后看到各种代...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
018070
代码教程——第十九章 导航条(四)-易看设计 - 专业设计师平台

代码教程——第十九章 导航条(四)

你说,上节课的都听明白了,就是不懂。 这很正常,现在我们来说一个你以后在网页前端道路上不可或缺的助手——“审查元素”(这是 Chrome 浏览器里的名字,而 Firefox 里叫做“查看元素”)。 ...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
016691
代码教程——第十八章 导航条(三)-易看设计 - 专业设计师平台

代码教程——第十八章 导航条(三)

本章代码点击即可下载 我刚写下这个标题你就跑过来大喊着,终于又开课了,上节课我就有点觉得不对劲,你说那文字紧贴着左边能看吗?赶紧想想办法! 嗯,是的,紧贴着左边确实不好看啊,那我们这...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
016620
代码教程——第十七章 导航条(二)-易看设计 - 专业设计师平台

代码教程——第十七章 导航条(二)

现在我们来加 Logo 哦~,话说我这么懒就不用图片 Logo 了~。 代码如下,加在 #nav(就是 id='nav' 的元素) 里面: <div id='logo'> <a href='#'>代码能有多难?</a> <...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
016800
代码教程——第十六章 导航条(一)-易看设计 - 专业设计师平台

代码教程——第十六章 导航条(一)

我就一直在想,我们应该把这个页面写成什么样的,是高大上还是……还好,后来我的懒惰打败了我——写个简单的! 但是不管怎么说,再懒也得动手了,先写个导航,嗯,虽然是个单页面网站,但是还...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
018940
代码教程——第十五章 开始征途-易看设计 - 专业设计师平台

代码教程——第十五章 开始征途

我说过学代码要勤动手,其实你们光拿我当相声看了,根本没动手。别以为我不知道哦。今天开始我们要一起写一个页面了,大家可一定一定要动手跟着操作才行啊,否则你会跟不上的! 看懂和会做绝对...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
016850
代码教程——第十四章 从 div 扯开去-易看设计 - 专业设计师平台

代码教程——第十四章 从 div 扯开去

我们前边说过 div+css 布局是招聘时一种懒到家的衡量标准(其实现在 css 已经是前端的基本技能了),就好像招聘文员写上要求会打字一样的多余。好吧,虽然这个说法被无数人吐槽着,也有些人较真...
cp_live的头像-易看设计 - 专业设计师平台易看设计师9年前
018580