- 博客(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 581
转载 设计手册——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关注的人