摘要: 通常为了减少客户端从服务器下载图片的次数,提高服务器的性能,现在比较流行的做法是将多张图片拼合成一张大图片,然后再利用background-position属性截取其中的各个小图标,如菜单,表单或导航的小图标等这种技术称为CSS Sprite技术,示例代码如下:html代码如下: 1.css代码如下 阅读全文
posted @ 2016-07-13 18:41 雅宁 阅读(648) 评论(0) 推荐(0) 编辑
摘要: 我们对于鼠标经过图标切换效果这个神奇效果并不陌生,那么怎么用代码实现呢? html: 图片: 注意: 1、超链接<a>是行内元素,不能直接定义宽度和高度,所以需要使用display:block;将其转换为块元素。 2、背景图像默认相对于盒子的左上角对齐。当鼠标经过时,需要将背景图像相对于盒子的底部对 阅读全文
posted @ 2016-06-27 14:40 雅宁 阅读(934) 评论(0) 推荐(1) 编辑
摘要: 经常我们看电影都会看到电影结束后会出现一段介绍这个电影的导演、编剧、主演、友情出演等等一些电影信息的滚动字幕,那么那个效果可以用html+css+div实现。具体实现代码如下: html代码: 滚动标签:<marquee>要滚动的文字/图像<img src=””> </marquee> 下面是我对滚 阅读全文
posted @ 2016-06-21 16:13 雅宁 阅读(873) 评论(2) 推荐(0) 编辑
摘要: 概论:在博客园里看见很多大神一般的人物,我呢,现在属于园中微不足道的一人,发的博客经常没过多久就多半因篇幅或深度不够被移出首页(有点难过),但我不会因此而放弃的,我会努力增强自己技能,一步一个脚印,打好坚实的基础,走上自己想走的一条道路,也希望看到这篇随笔的人加油哦~不抛弃,不放弃! 以下是个人对表 阅读全文
posted @ 2016-06-20 15:40 雅宁 阅读(577) 评论(0) 推荐(0) 编辑
摘要: 简介: 验证码的作用:主要是为了有效防止机器恶意注册,对某一个特定已注册用户用特定程序暴力破解方式进行不断的登陆尝试。验证码是现在很多网站注册/登录时必填的,虽然对用户可能有点麻烦,但是对网站/社区来说这个功能还是很有必要,也很重要,不少网站为了防止用户利用机器人自动注册、登录、灌水,都采用了验证码 阅读全文
posted @ 2016-06-20 14:48 雅宁 阅读(23148) 评论(5) 推荐(0) 编辑
摘要: 因为我是前端刚入门,昨天看了一个大神写的的初级前端需要掌握的知识,然后我就开始一一搜索,下面是我对css预处理器和后处理器的搜索结果,一是和大家分享下这方面的知识,另一方面方便自己以后翻阅。所以感兴趣的可以看下。 转载自"赵雷的博客",原文地址:http://zhaolei.info/2014/01 阅读全文
posted @ 2016-06-16 10:52 雅宁 阅读(3273) 评论(0) 推荐(0) 编辑
摘要: 常用选择符的介绍 通配选择符指选定文档对象模型(DOM)中的所有类型的单个对象。 *{css代码规则},其中*表示所有类型,包含body,div,td等 类型选择符指以文档对象模型(DOM)作为选择符,即选择某个html标记为对象,设置样式规则。 P{ } Div{ } 包含选择符 对某个容器层的子 阅读全文
posted @ 2016-06-16 10:28 雅宁 阅读(396) 评论(0) 推荐(0) 编辑
摘要: 问题:如何通过div+css以及定位来实现圆角矩形? 解决方法概述: 内容:首先在<body>标签内部里添加一个大层(大层用来固定整体大框架),然后大层内包含四个小层(四个小层里分别放四个圆角(事先用ps做好椭圆形形状,然后用切片工具切图 )) 样式:在<head>标签内部设置的css要有的属性: 阅读全文
posted @ 2016-06-15 21:22 雅宁 阅读(10521) 评论(0) 推荐(1) 编辑
摘要: 现在html 5技术是最新的html标准,掌握html 5已经变得非常重要,以下是我查看相关资料后对html 5 的新特性的总结,方便大家对比学习。html 5的新特性1.取消了一些过时的html 4标签 例如,取消了<font>和<center>这些纯粹显示效果的标签。 2.将内容和展示分离 例如 阅读全文
posted @ 2016-06-15 19:58 雅宁 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 表单中的只读和禁用属性 例如 <textarea name=”text” rows=”10” cols=”30” readonly=”readonly”><!—此文档属性为只读--> (服务协议的具体内容)…..</textarea> <input type=”submit” value=”注册” 阅读全文
posted @ 2016-06-13 19:54 雅宁 阅读(514) 评论(0) 推荐(0) 编辑