
计算优先级 优先级是根据由每种选择器类型构成的级联字串计算而成的。他是一个对应匹配表达式的权重。 如果优先级相同,靠后....
我们知道,css文件引入方式有两种:1. HTML中使用link标签XML/HTML Code复制内容到剪贴板link rel="stylesheet" href="sty....
最近在项目中用到了border-image,一直是只知其名,不知其用。 最终效果是这样的:且随着border宽度变化。下图灰色部分带斜....
Box-sizing 尽管box-sizing在CSS3中才被引入,其有一个值是border-box,让元素的高和宽包含了填充和边框。CSS Code复制内容....
迫切需要的方法:inline-block法居中。基本方法是使用 display: inline-block, vertical-align: middle样式和伪元素让内容块....
使用CSS3 HSL声明同样是用来设置颜色的。下一个呢? HSLA? 是的,这个和RGBA的效果是一样的。 HSL声明使用色调Hue(H)、饱和....
基于浏览器的特性检测大家应该已经很熟悉了,特别是modernizr.js推出来之后。其实w3c也出了规范,可以基于css来做一些特性检....
map标签 定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。area元素永远嵌套在map元素内部。area....
参考了天猫、微博等网站的做法,用纯html和css实现,效果还是不错的。以下是成果,兼容主流浏览器,包括ie6。CSS Code复制内....
1. 引子 前段时间学习 web 布局的时候,因为要用浮动 float 属性,所以就顺理成章地碰到了清除浮动 clear 属性。教学的案例....
为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法。但是遗憾的是,截至写这篇文章,可能....
类型,类和ID选择器带有空格的字体名称要用''引起来 对选择器分组可使同一规则适用于多个选择器,例子如下C....
Demo在此。 都是一些基本的CSS3的使用,并不复杂。各位有兴趣地可以试着也写一个。 唯一复杂的地方是浏览器标签的模拟。 可....
作为前端工程师,很多人都有自己的一套CSS Normalize文件,这样能省掉开发过程中的不少麻烦,提高工作效率。在前人的基础上....
在过去的很长一段时间中,我们都说 CSS 是不带有任何逻辑的,意思是在 CSS 中没有控制流,也没有某种类似于其他编程语言的方....
利用CSS的border以及它的属性值transparent来实现三角形,其中最主要的是要明白由于div的高度跟宽度都为0,margin,padding也....
1.会伸缩的搜索表单 常在 sf.gg 混的人都知道,它的顶部导航栏是这样的: 当输入框获得焦点就会变成这样的: 利用 CSS3 的 T....
Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效果 @media 媒体类型and (媒体特....
这个菜单能居左、居中和居右对齐,不像之前文章提到的菜单需要靠点击在显示和隐藏之间进行切换。它也有一个标记显示激活/当....
正如多数人的认知一样,HTML和CSS并不难学难用,从学习曲线上来说确实如此,难度甚至不如使用VIM。但是写不写得好又是另一回....