代码教程 第10页
第一百二十五章 宽高-易看设计 - 专业设计师平台

第一百二十五章 宽高

有了样式我们就为所欲为了!? 这个链接元素的宽高是多少呢?用 css 方法是得不到的,因为行内元素没有宽高啊,设置了也不起作用。 可是一个元素,在页面中,总是要有一个尺寸的,它...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06700
第一百四十章 进来出去-易看设计 - 专业设计师平台

第一百四十章 进来出去

上一章,最后我们讲到了鼠标移动的事件。鼠标,我告诉你,你别动,你一动就是事儿! 但一般情况下,它动不动和我们关系不大,说直白了就是你爱怎么动怎么动,不碍着我就行了。那什么情况下会碍...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06690
第一百三十二章 CSS 动画-易看设计 - 专业设计师平台

第一百三十二章 CSS 动画

大家有没有觉得前面讲的 CSS 过渡效果和 jQuery 的动画十分类似。事实上他们还是有很多区别的,但是在基础效果上,它们确实有些相似。 这时候不禁让人好奇,那 CSS 的动画又是什么样子的呢? 区...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06530
第二十章 input 的类型-易看设计 - 专业设计师平台

第二十章 input 的类型

上一章我们主要在研究网址的结构,而其实 input 的类型(type)也是一个十分神奇的东西,它表示的是这个输入框可以输入的数据类型。好吧,也并不全是,比如 search 其实和 text&...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06530
第二十二章 一些常用的标签-易看设计 - 专业设计师平台

第二十二章 一些常用的标签

有没有这样一种感觉?就是每一章都能够听得懂,但是回想一下,却又不知道如何去用。就仿佛虽然双脚实实在在的站在地上,但是放眼看向四周,全是白茫茫的雾气,竟然一时分不清了上下。 不要着急...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06530
第一百三十四章 JS 动画基础-易看设计 - 专业设计师平台

第一百三十四章 JS 动画基础

既然说到了动画,说到了过渡效果或者说大家喜欢讲的——网页特效,那就索性把它们讲完全。前面讲了使用 jQuery 来实现,很方便,一句话语法。用 CSS 实现,也很方便,说清楚谁发生过渡以及时长...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06520
第十七章 表格排版-易看设计 - 专业设计师平台

第十七章 表格排版

排版呢,就是把网页中的内容放在各种你希望它在的地方。就像把一篇篇平白的文章,排布成一张丰富多彩的报纸。 回想一下,我们到目前所学到的各种标签,并没有非常实际的排版功能。对,可以像写...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06520
第一百四十九章 属性选择器-易看设计 - 专业设计师平台

第一百四十九章 属性选择器

伪类选择器是通过元素的一些特征或者元素当前的状态进行选择。而对于元素还有一个非常明显的区分方式,就是它们具有怎样的属性。比如链接,一般的都会具有 href 属性。但是一些用于锚...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06520
第六十二章 排版练习-易看设计 - 专业设计师平台

第六十二章 排版练习

也讲了这么多了,我们要做练习了。我知道你们可能还觉得云里雾里,现在说做练习有点不知从何入手啊。其实练习就是拨云见日的过程,做过练习才会真正理解这些理论。(多年学生党表示拒绝相信,23...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06510
第三十六章 外部字体-易看设计 - 专业设计师平台

第三十六章 外部字体

上一章说到了我们选用字体的尴尬,毕竟只指定一个名称,局限性太大了。那我们能不能为用户提供字体呢?我们的网页用我们自己提供的字体来显示,想想又觉得世界很美好了。 这个事情还真的能够做...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06500
第三十八章 对齐方式-易看设计 - 专业设计师平台

第三十八章 对齐方式

我们前面所说的这些,都是文字的属性,而现在要说的是文本的属性。它们有什么区别呢?Font 主要是说文字本身,即便你只拿出一个文字来,只盯着这个文字看,它也是具有这些属性的。而 Text 是说...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06480
第六十五章 导航-易看设计 - 专业设计师平台

第六十五章 导航

选用哪种方法横排,要看我们需要它的什么特点。 我们先用 float 横排试试看: nav>ul li {list-style: none;float: left;} 成功横排,但是,它们排列的太紧密,没空隙,不舒服。 从视觉上,我们...
cp_live的头像-易看设计 - 专业设计师平台易看设计师6年前
06480