微博 腾讯微博 Facebook Twitter RSS订阅 微信
登录|注册
爱前端网|伊恋佳苑

标签：CSS 第20页

WEB前端

WEB前端了解的HTML+CSS编码的一些基础小经验

爱前端网 - Yang 发布于 2014-07-03

1.为body标签赋予id： 同一个网站的不同页面，虽然HTML代码相同，但是可以通过CSS来取得不同的表现效果。如果这些页面用的是同一个CSS文件，怎样精确的定义相同内容的不同表现呢？通过给body标签赋予id以区别不同的页面，然后使用CSS后代选择器可以精确的选择目标。例如：...

阅读(1652)赞 (0)标签： / / / / /

WEB前端

HTML和CSS中如何判断ie各版本浏览器

爱前端网 - Yang 发布于 2014-07-03

一、HTML代码中 在编写网页代码时，各种浏览器的兼容性是个必须考虑的问题，有些时候无法找到适合所有浏览器的写法，就只能写根据浏览器种类区别的代码，这时就要用到判断代码了。在HTML代码中，区别各种浏览器的代码如下，以ie6为例 <!–[if IE 6]>...

阅读(1629)赞 (0)标签： / /

WEB前端

em和px哪个更好？

爱前端网 - Yang 发布于 2014-07-03

之前听人说过，网站制作中字体单位应该用em而不用px，原因简单来说就是支持IE6下的字体缩放，在页面中按ctrl+滚轮，字体以px为单位的网站没有反应。px是绝对单位，不支持IE的缩放，em是相对单位。 首先了解一下em是何物？ em指字体高，任意浏览器的默认字体高都是16px。...

阅读(1775)赞 (0)标签： /

WEB前端

IE6下PNG背景透明的七种方法小结

爱前端网 - Yang 发布于 2014-07-02

PNG图像格式介绍： PNG是20世纪90年代中期开始开发的图像文件存储格式，其目的是企图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format，PNG)名称来源于非官方的&ldq...

阅读(1675)赞 (0)标签： / / /

WEB前端

Web前端代码规范与页面布局

爱前端网 - Yang 发布于 2014-06-30

一、规范目的： 为提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构，有利于SEO优化。 二、规范基本准则： 符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良，页面性能优化...

阅读(2083)赞 (0)标签： / / / / / / / /

WEB前端

前端CSS规范整理–前端开发

3

爱前端网 - Yang 发布于 2014-06-29

一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core  通用UI元素样式库 /css/lib  JS组件相关样式库 /css/ui  业务类...

阅读(1683)赞 (0)标签： / / / / /

WEB前端

9款让你眼前一亮的HTML5/CSS3示例及源码

9

爱前端网 - Yang 发布于 2014-06-26

1、HTML5 3D点阵列波浪翻滚动画 今天我们要再分享一款基于HTML5 3D的点阵列波浪翻滚动画特效，同样是非常的壮观。 在线演示 源码下载 2、HTML5小球弹跳动画 很不错的3D小球 今天我要向大家分享一款很逼真的HTML5动画特效，它是3个色彩各异的弹跳小球，每一个小球...

阅读(3777)赞 (2)标签： / / / / /

WEB前端

9款大气实用的HTML5/CSS3注册登录表单

9

爱前端网 - Yang 发布于 2014-06-25

1、HTML5/CSS3仿Facebook登录表单 利用CSS3制作的登录表单的确很漂亮，我们在html5tricks网站上也分享过几款了，比如CSS3密码强度验证表单可以显示密码的强度，这款纯CSS3发光登录表单更是绚丽多彩。今天我们要分享一款仿Facebook的登录表单，无论...

阅读(10869)赞 (20)标签： / / / /

WEB前端

10 个超酷的 HTML5/CSS3 应用及源码

10

爱前端网 - Yang 发布于 2014-06-23

1、CSS3密码强度验证表单，码速表样式 我们在网站上注册会员时，输入一个强大较大的密码会大大增加帐号安全性，那么什么样的密码才比较安全呢？这款CSS3密码强度验证表单插件可以提示你当前输入密码的安全级别，有意思的是该密码强度验证插件的样式酷似码速表，随着密码强度的加大，码速表指...

阅读(2850)赞 (1)标签： / / / / / / / / /

WEB前端

7款HTML5的精美应用教程让你立即爱上HTML5

7

爱前端网 - Yang 发布于 2014-06-19

1，HTML5/jQuery雷达动画图表图表配置十分简单 分享一款很特别的HTML5图表，它是利用HTML5和jQuery的雷达动画图表，图表数据在初始化的时候带有一定动画。 在线演示 源码下载 2，HTML5模拟牛顿力学碰撞的小球 介绍一款HTML5模拟物理实验，这次模拟的是H...

阅读(2304)赞 (1)标签： / / / / /

WEB前端

大饱眼福 7款类型各异的CSS3实用菜单

7

爱前端网 - Yang 发布于 2014-06-18

1、清新小图标的HTML5/CSS3侧边栏菜单 前我们分享过几款CSS3侧边栏菜单，像CSS3侧边栏菜单 带可爱的小图标菜单和CSS3侧边栏手风琴菜单，都非常不错。今天我们要分享的这款CSS3侧边栏菜单和之前这款菜单类似，也带有漂亮可爱的小图标，鼠标滑过菜单项时背景会出现淡入淡出...

阅读(3141)赞 (1)标签： / / / /

WEB前端

7款震撼人心的HTML5CSS3文字特效

7

爱前端网 - Yang 发布于 2014-06-17

1、HTML5像素文字爆炸重组动画特效 今天我们要分享一款基于HTML5技术的文字像素爆炸重组动画特效，我们可以在输入框中指定任意文字，点击确定按钮后，就会将原先的文字爆炸散去，新的文字以像素点的形式组合起来，看起来非常棒。 在线演示 源码下载 2、HTML5/CSS3 3D文字...

阅读(12597)赞 (15)标签： / / / /

WEB前端

7款震撼人心的HTML5文字特效

7

爱前端网 - Yang 发布于 2014-06-16

1、CSS3五彩文字特效 文字带阴影效果 这是一款非常具有卡通形象的CSS3五彩文字特效，虽然没有迷人的动画效果，但是五彩缤纷的文字展现在屏幕上也是非常酷的，再加上每一个文字都有不同角度的阴影效果，加上漂亮的英文字体，让整一个文字特效显得非常出色迷人，大家可以在宣传广告页面试试这...

阅读(7223)赞 (4)标签： / / / /

WEB前端

7款纯CSS3实现的炫酷动画应用

7

爱前端网 - Yang 发布于 2014-06-14

1、纯CSS3实现人物摇头动画 这次我们要来分享一款超级可爱的纯CSS3人物摇头动画，初始化的时候人物的各个部位是利用CSS3动画效果拼接而成，接下来就是人物听音乐的场景，一边听音乐一边摇着脑袋，十分陶醉的样子，周围还会出现跳动的音符动画。 在线演示 源码下载 2、CSS3 Lo...

阅读(5155)赞 (9)标签： / / / / /

WEB前端

8款耀眼的jQuery/HTML5焦点图滑块插件

8

爱前端网 - Yang 发布于 2014-06-12

1、HTML5/CSS3超酷焦点图特效 带前后翻页按钮 今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单，但是外观和功能却十分强大。该CSS3焦点图在切换图片时，图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮，是一款非常实用...

阅读(2644)赞 (3)标签： / / / / / /

WEB前端

10款很酷的HTML5动画和实用应用 有源码

10

爱前端网 - Yang 发布于 2014-06-11

10款很酷的HTML5动画和实用应用，这里有菜单、SVG动画、Loading动画，总有你喜欢的，而且，每一款HTML5应用都提供源代码下载，方便大家学习和研究，一起来看看吧。 1、HTML5 SVG 树枝分叉动画特效 今天我们来分享一款基于HTML5和SVG的动画效果，它是一个可...

阅读(4375)赞 (3)标签： / / / / / /

WEB前端

13款精彩实用的最新jQuery插件

13

爱前端网 - Yang 发布于 2014-06-10

1、jQuery特色菜单 圆形动画菜单插件 jQuery是一个非常流行的WEB前端框架，尽管HTML5非常酷，但是如果HTML5结合jQuery的话就能实现更酷更实用的插件。今天分享的这款jQuery特色菜单是圆形动画菜单，菜单项是一个个园，鼠标滑过菜单项时即可展开一个大圆并展示...

阅读(2339)赞 (1)标签： / / / / / /