Yang的文章 第40页

WEB前端

WEB前端使用CSS中用Margin还是用Padding?

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

用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School 边界(margin):元素周围生成额外的...

阅读(1680)赞 (0)

WEB前端

WEB前端使用CSS中position的几个属性值

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

static:无特殊定位,对象遵循HTML定位规则 relative:对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置?0?2 absolute:将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而...

阅读(1822)赞 (0)

WEB前端

WEB前端使用图片标签img中alt与title的区别

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

alt与title的不同: 1、含义不同 alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明 2、在浏览器中的表现不同 在firefox和ie8中,当鼠标经过图片时title值会显示,而alt的值不会显示;只有在ie6中,当鼠标经过图片时title和alt的值...

阅读(2412)赞 (0)

WEB前端

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

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

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

阅读(1633)赞 (0)

WEB前端

HTML5 中 div section article 的区别

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

HTML5中新增了 section 和 article 这两个和div差不多功能的标签。初看之下,三者极其相似,在网站设计,以及对HTML做布局的时候甚至很难分辨具体的适用场合。本文简要介绍下 div ,section 以及 article 三者间微妙的关系。 div 这个标签是...

阅读(1843)赞 (0)

WEB前端

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

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

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

阅读(1615)赞 (0)

WEB前端

em和px哪个更好?

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

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

阅读(1727)赞 (0)

WEB前端

绝对震撼 7款HTML5动画应用及源码

7

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

1、HTML5 Canvas模拟衣服撕扯动画 超级逼真 今天又要来推荐一款HTML5 Canvas动画,是一个模拟衣服撕扯动画,效果非常逼真。刚开始衣服挂在绳子上,用鼠标拖拽衣服即可让衣服摆动起来,当你拖拽的很用力时,你会发现,衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力...

阅读(2143)赞 (1)

WEB前端

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

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

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

阅读(1652)赞 (0)

WEB前端

meta标签中的http-equiv属性使用介绍

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

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控...

阅读(2483)赞 (0)

WEB前端

8款超酷而实用的CSS3按钮动画

8

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

1、CSS3分享按钮动画特效 这是一款基于CSS3的社会化分享按钮,按钮非常简单,提供了分享到twitter、facebook、youtube等大型社交网站。每一个分享按钮都有个大社交网站的Logo图标,并且在鼠标滑过这些按钮时,利用CSS3的动画特性出现滑动的动画效果。 在线演...

阅读(5108)赞 (7)

WEB前端

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

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

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

阅读(2042)赞 (0)

WEB前端

10款强大的jQuery/HTML5应用新鲜出炉

10

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

1、CSS3/jQuery自定义弹出窗口 多种弹出动画 这是一款利用jQuery和CSS3实现的自定义弹出窗口,这可比浏览器默认的弹出窗口漂亮多了。弹出窗口中可以自定义html,十分灵活。另外最重要的一个特点是,它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果,挺酷的...

阅读(1984)赞 (1)

WEB前端

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

3

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

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

阅读(1668)赞 (0)