HTML与CSS知识主题的文章列表，还有HTML与CSS知识的技术要点_第208页

html5用到的js

1、Zepto.js是专门为现代智能手机浏览器退出的Javascript框架,拥有和jQuery相似的语法,但是和jQuery相比下来,他有很多优点,大小方面,压缩后的zepto.min.js大小只有21K,使用服务器端gzip压缩后大小只有5~10K,可以说非常的小,但是功能很齐全,多出来了一些触摸屏的事件,它唯一不...

代码星球 ·2020-04-09

html5极速3D立体式图片相册切换效果

下载Demo ...

代码星球 ·2020-04-09

鼠标悬停css3动画效果

下载Demo效果预览html: <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>鼠标悬停css3动画效果</title><linkhref="css/la...

代码星球 ·2020-04-09

手机浏览器页面知识收集（转）

wap手机网页css（wapcss）大部分手机现在都支持XHTML浏览器，这意味着我们只需在stylesheets的类型设置成“handheld”即*{position:static!important;float:none!important;}因为现行的手机的屏幕限制，没有太多的空间去漂移,...

代码星球 ·2020-04-09

巧用CSS文件愚人节恶搞(转)

明天就是4月1日愚人节了，也就是那个可适度开玩笑、整蛊的日子了。如果你想和那些要上网的朋友或同事开个极客式玩笑，那就来试试这个国外网友WesBos分享的CSS文件吧。　　一、打开浏览器的Custom.css文件　　本文以Chrome为例（CSS修改后立即生效），进入同事或朋友的电脑，按下面方式打开Custo...

代码星球 ·2020-04-09

css页面重构面试题

偶然间又看到博客园中这两道页面重构面试题。题一:分别用2个DIV,3个DIV,5个DIV实现水平垂直均居中显示一个宽50px,高200px的正十字架.思路:水平垂直均居中的实现,当然非absolute加外边距负值结合莫属.闲话略去,看代码及演示吧.2个DIV实现的核心CSS代码:点此查看DEMO.div_a{width...

代码星球 ·2020-04-09

用纯css写出三角形

1、新建一个元素，随便什么元素，不过我习惯性的会用块元素来做。如果行内元素就display:block它。<divclass="triangle"></div>2、把它的宽高设置为height:0px;width:0px;3、设置边框border属性，用来实现三角形。首先要了解border具体是...

代码星球 ·2020-04-09

css滑动门制作圆角按钮

　　　　之前做项目的时候，基本都是将圆角背景图切成三块，故而每次用的标签都超级多，a标签中总是包含三个span，然后里面还得放按钮，导航冗余标签极多。　　事实上是之前理解的滑动门的精髓不够到位。　　现在有两种方式。　　效果展示：http://runjs.cn/detail/evk8nkc8　　先上传要用的两张图片吧。　...

代码星球 ·2020-04-09

结合Zen Coding快速编写HTML代码（sublime text2篇）

首先说下，如何在sublimetext2加上zencoding插件按Ctrl+`(就是~这个键)复制下面的代码确认重新启动sublimetext2importurllib2,os;pf='PackageControl.sublime-package';ipp=sublime.installed_packages_pat...

代码星球 ·2020-04-09

CSS sprite 圆角——源代码

所需图片：　　 &nb...

代码星球 ·2020-04-09

彩色网页变黑白色CSS代码变黑白色调！

代码星球 ·2020-04-09

自适应的CSS代码片段（常用）

/*Smartphones(portraitandlandscape)-----------*/@mediaonlyscreenand(min-device-width:320px)and(max-device-width:480px){/*Styles*/}/*Smartphones(landscape)------...

代码星球 ·2020-04-09

CSS3实现jquery的特效

实现 “慕课网” 的图片滑过缩放的效果技术点：css3—— -webkit-transform:scale(1.2); .course-list-img.img_1:hover{-webkit-transform:sca...

代码星球 ·2020-04-09

css的框架——common.css

@charset"utf-8";/*字体*/.n{font-weight:normal;font-style:normal;}.b{font-weight:bold;}.i{font-style:italic;}.fa{font-family:Arial;}.fs{font-family:'宋体';}.fw{font-...

代码星球 ·2020-04-09

CSS布局中——导航是非常常见的

　　导航绝对是页面布局中最常见的，为了不用每次去写，稍微贴个简单的导航模版出来，方便以后使用。 <title>CSS菜单</title><styletype="text/css">*{margin:0px;padding:0px;font-size:...

代码星球 ·2020-04-09