css(css3)
Panda_Joy
态度决定结果, 细节决定成败, 习惯成就未来
展开
-
请写一个简单的幻灯效果页面,不使用JS来完成怎么做
考点:CSS3 :target伪类 #cont { position: relative; height: 100px; } img { position: absolute; width: 100px; he原创 2014-12-01 10:41:56 · 2361 阅读 · 0 评论 -
CSS3 必须要知道的10 个顶级命令
1.边框圆角(Border Radiuas)这个是我们在平常很常用的吧,以前我在用div圆角的时候,特别特别的痛苦,不管是用CSS来画圆角,还是用图片来画圆角都不那么容易,但是现在好了,在CSS3中,直接只需要如下面饿代码,就能做出美轮美奂的圆角效果了~~~#box1 {border: 1px solid #699;/* for Mozilla Firefox */-moz转载 2014-12-22 10:15:54 · 394 阅读 · 0 评论 -
表单元素与提示文字无法对齐的问题(input,radio,checkbox文字对齐)
制作前端页面时,由于要兼容各个浏览器,表单的页面中都存在表单元素与提示文字无法对齐的问题。解决的关键是vertical-align:middle属性,一定要给input标签和文字的标签同时加上该属性。对于纯英文的内容而言,这样就可以了,但是对于包含中文内容的,如果此时仍没有居中对齐,就需注意一下字体的设置了。经过测试,当把字体设置为Arial或Tahoma后则可以完美的实现对齐,而且在FF3.原创 2014-12-09 10:00:29 · 5066 阅读 · 1 评论 -
CSS3图片倒影技术实现及原理
目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-reflect属性就是以谷歌浏览器为代表的Webkit渲染引擎独有的特征。-webkit-box-reflect的作用是让图片出现倒影。转载 2014-12-29 09:03:58 · 573 阅读 · 0 评论 -
理解:Before和:After伪元素
CSS样式表的主要作用是修饰Web页面上的HTML标记,但有时候,为了实现某个效果而往页面里反复添加某个HTML标记很繁琐,或者是显得多余,或者是由于某种原因而做不到。这就是CSS伪元素(Pseudo-Element)可以发挥作用的地方,所谓‘伪元素’,就是本身不存在的页面元素,HTML代码里并没有这样的元素,但在页面显示时,你却能看到这些本来不存在的元素发挥着作用。观看演示之前我们曾转载 2014-12-29 09:35:52 · 786 阅读 · 1 评论 -
最优的浮动清除方案之一推荐
对于日新月异的WEB开发技术和浏览器更新频率来说,清除浮动已然是一个被人嚼碎了的话题。说是这些年过去了,有关float的地方,还依然少不了清除浮动的标签和css代码。W3C整天研究html5,就不能抽出点时间来把这种烦人的小细节修正一下吗?抱怨归抱怨,饭还得吃,钱还得挣,清除浮动就不能停止。为了清除浮动增加无语义代码已经是最稳定和简单的方式,但总叫开发者心里感到不舒服,毕竟这么多年来早已习惯了原创 2015-01-12 13:43:03 · 530 阅读 · 0 评论 -
前端 CSS 规范大全
本文转载自标点符,文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范1、文件均归档至约定的目录中(具体要求以豆瓣的CSS规范为例进行讲解):所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /原创 2015-01-12 21:02:11 · 525 阅读 · 0 评论 -
前端不为人知的一面–前端冷知识集锦
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行JavaScript代码这个转载 2015-09-23 15:08:30 · 529 阅读 · 0 评论