最近更新

CSS3教程:background-image之线性渐变(linear-gradient)最in版!

 long long  ago,我很不喜欢用CSS3的渐变,宁愿一切纯色扁平,因为那时候的渐变TMD太复杂了,版本太多了,真的很想死!今天百度linear-gradient的关键词,翻出的文章几乎都是2011年——2013年的,版本太out了,难道不知道webkit和moz已经手...

CSS3教程:border-radius你以为就是个圆角边框吗?

很多人拿border-radius就是做点圆角效果,或者弄一个圆形的头像(说的就是以前的自己^_^),但,这些都是没有真正发掘border-radius的价值的!先看看一些别人的效果↓˂a title="各种参数设置的效果展示,包括兼容性" href="http://muddledramblings...

CSS3教程:box-shadow盒阴影详解

最近忙着暑期补课,在招生路线上,搞得很紧张啊,我的痘痘都多冒了好几颗。关键是一个星期补六天课,还包括三个晚上,觉得日子怎么过得那么慢呢!忙里偷闲,还是继续CSS3的学习之旅吧。讲完了text-shadow,今天我们来八一八box-shadow这个看起来很相似...

遵守规则还是为了挑战而挑战规则?

7月7日学生阶段性考试,我第一堂监考是15软件四班的oracle数据库。阶段性考试比统考要严格很多,因为这是校内的考试,也是检测学生这个阶段的学习效果。按照考试规则,我进入教室后,要求同学们把手机上交到手机袋里面,这时候有四个学生主动交上来了,但是还是其他二三十个学生纹丝不动,我稍微有点诧异,考试上...

上课你坐前排还是后排决定你的未来!

根据我站讲台十来年的经验,我发现越坐在前排的学生学习成绩越好,毕业后找到好工作的机会更大,越后排的学生成为学渣的几率越大。为什么小小一个座位对人的影响如此之大呢?一、学生的心理如果学生对学习或者对这门课程感兴趣,心理上是接受的,甚至是渴望的,那么在行动上就会主动的往前靠,希望离老师更近,听得更清楚,...

你是拖延症狂魔吗?

15三年软件二班的DIV+CSS课程正式结束了,7月6日结课,在六月底我就明确告知在最后一天上交结课作业,请同学们提前准备。但是鉴于班上很多同学没有笔记本,不方便完成作业,于是从7月4日星期一我就停课,把每天的四节课让给同学们完成作业。在此期间,同学们完成作业的过程很值得思考,可以从侧面反映出不同学...

CSS3教程:text-shadow文字阴影详解

在web的早期战场,要实现文字或者图片或者盒的阴影效果,必须启用图片,导致html代码和css代码量都要增加很多,而现在,利用css3新增的text-shadow和box-shadow可以轻松完成阴影的添加,而且效果自然,不逊于ps制作出的效果,唯一的问题就是多层阴影的时候可能渲染要多耗费一点性能。...

CSS第十八课:PC端和移动端下拉菜单的实现

在CSS第八课讲解了如何制作水平和纵向导航,然后拖到了第十八课才讲解下拉菜单,为什么呢?因为下拉菜单必须要在明白了相对和绝对定位后才能讲解。如果你没有搞定CSS十六课和CSS十七课,建议你出门左拐下两层楼,先看完相对定位和绝对定位再来学习下拉菜单吧。下拉菜单作为导航目录较多的网站的必备武器,的确可以...

CSS第十七课:绝对定位(position:absolute)详解

从小我们学习物理,就知道一句话:“运动是相对的”。或者有人生阅历丰富的人以一种长者的口吻告诉你,“没有什么是绝对的”。那么,绝对定位是否可以说并不是真正的绝对呢。同上,先来看看W3C官方文档怎么说。设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始...

CSS第十六课:相对定位(position:relative)详解

网页的元素默认有四种定位:static(静态文档流)、fixed(固定)、relative(相对)、absolute(绝对)。static就是文档中按照先后顺序正常出现的元素,也是默认的定位方式。比如标题、段落等等普通文档流元素。来自于W3C官方文档的引用:除非专门指定,否则所有框都在普通流中定位。...
Top