- 博客(11)
- 收藏
- 关注
RSS订阅转载 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
转载 HTML5表单required验证修改文字和样式
今天逛百度知道，回答问题，有人提问如何改变表单required的提示文字。慢慢研究开，发现除了非空外验证外，配合正则，HTML5的验证能力还是很强大的。不过转念一想，可否再美化一下，通过这个required判断来改变表单文本框的提示样式？搜了好久，国人都没写过，发现国外友人倒是写了，拿过来参考一下吧。首先是改变提示文字。默认的文字是“请填写此字段”和“请匹配要求的格式”，如下图：
2015-05-22 19:20:26
26711
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人