自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

转载 CSS3那些不为人知的高级属性

CSS3那些不为人知的高级属性尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档、很好的测试并且最常用到,所以如果你最近在设计网站,你很难能脱离它们。但是,隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性,但是它们并没有得到太多的

2015-06-07 20:55:43 479

转载 Bootstrap---Fluid layout 流布局

流布局是一种适应屏幕的做法。即不固定块的宽度,而是采用百分比作为单位来确定每一块的宽度。这种布局非常适合一次编写,然后自适应各种不同大小的屏幕(手机,PAD…)。                             按顺序添加这几个类。最外面包含块有 container-fluid类,表明内容布局是流布局,其主要作用是作为

2015-05-23 22:16:35 580

转载 设计手册——216网页安全色大全【附颜色编码对照表】

网页中的颜色呈现会受到各种因素的影响,即使你的网页使用了非常漂亮的配色方案,但是如果每个人浏览的时候看到的效果都不相同,那么你的配色理念就不能够非常好地传达给浏览者。使用216网页安全色进行网页配色可以避免颜色失真问题。  网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果。网页安

2015-05-23 21:58:03 4739

转载 详解CSS3属性box-shadow(附示例效果)

box-shadow:向框添加一个或多个阴影语法:1box-shadow: h-shadow v-shadow blur spread color inset;注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可选的颜色值以及可选

2015-05-23 21:44:06 895

转载 详解HTML<head> 头标签元素的意义以及使用场景

HTML头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义以及使用场景。

2015-05-23 21:22:27 493

转载 用background-attachment:fixed做动画效果

上下滚动这个demo页面(用IE6的可以先一边去),可以看到图片有切换的动画效果,感觉还挺先进的,但其实这个demo的页面的代码灰常简单,就是在几个div里放几张背景图片,然后把背景图片设为固定就行了。所以background-attachment:fixed真的是一个很神奇的东西,如果利用得好可以做出很炫的效果。下面就详细说下background-attachment属性。bac

2015-05-23 19:45:32 905

转载 jCarousel使用说明文档(中文)

jCarousel 是个非常好看又好用的内容滚动切换插件,可以实现按序水平或垂直方向的内容列表的切换。滚动切换的内容可以是静态的HTML内容,也可以是JS的对象列表,也可以是利用AJAX技术动态载入的内容。使用方法 使用此插件,需要在标签内引入jQuery库,jCarousel源 文件和CSS样式等:jcarousel.pack.js">jcarousel.css" /

2015-05-22 19:35:17 572

转载 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 

2015-05-22 19:32:09 276

转载 完美的背景图全屏css代码 – background-size:cover?

在写主题样式的时候经常会碰到用背景图铺满整个背景的需求,这里分享下使用方法需要的效果图片以背景的形式铺满整个屏幕,不留空白区域保持图像的纵横比(图片不变形)图片居中不出现滚动条多浏览器支持以图片bg.jpg为例最简单,最高效的方法 CSS3.0归功于css3.0新增的一个属性background-size,可以简单的实现这个效果,这里用fixed和cente

2015-05-22 19:29:18 1675

转载 boostrap中文网

boostrap中文网:http://www.bootcss.com/

2015-05-22 19:26:32 532

转载 HTML5表单required验证修改文字和样式

今天逛百度知道,回答问题,有人提问如何改变表单required的提示文字。慢慢研究开,发现除了非空外验证外,配合正则,HTML5的验证能力还是很强大的。不过转念一想,可否再美化一下,通过这个required判断来改变表单文本框的提示样式?搜了好久,国人都没写过,发现国外友人倒是写了,拿过来参考一下吧。首先是改变提示文字。默认的文字是“请填写此字段”和“请匹配要求的格式”,如下图:

2015-05-22 19:20:26 26711 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除