CSS 控制打印样式累总。   1、专属样式 CSS 有专属于打印的样式表达,通过媒体查询 @media print{ ... }表示样式在打印时才起作用,控制打印页面的有 @page { ... } 。   2、页面大小 默认的,size 的默认值为 auto ; 定义 ...

前段时间的项目用到伪类三角形的阴影,想了及几种办法,考虑到对于兼容性要求不太高的项目。最后选择用 CSS3 中的 filter:drop-shadow 。发现还蛮配的。 伪类的阴影,如果考虑到兼容性最低兼容到ie9,则用 box-shadow + 图片大法做阴影 ...

css 属性 display 问题解析

作者:大朗

趁着空余时间,回顾总结一下常用的 display 属性,总结中或许能给予你些许帮助。 block 宽度问题: 宽度以外空余地方,仍然占据,一行 对齐问题: 上级 text-align 无法作用于区块 当前 margin: auto 可以令区块居中 vertical-alig ...

CSS3 选择器 ~

作者:大朗

CSS 选择器中的 element1 ~ element2 作用:同一父级元素下,选中当前 元素1 后面的所有 元素 2 ,元素 2 无需紧随 元素1。 如图示例: id 为 pare 的子级有 h1 p div 三个标签。指定 h1 后面所有 p 标签变绿了,而位于前面的不会变绿 ...

CSS3 filter 滤镜拓展补充(URL)

作者:大朗

CSS3 filter 中有一个比较有意思的是 URL ,google 了很多次,愣是没找到啥教程。 how use ? 文档中就都是这一句: “ The url() function takes the location of an XML file that specifies an SVG filter, and may include an anchor ...

滤镜用到图片或 video 上会有很有意思的效果。   1、blur 高斯模糊 这个属性总的来说就是打码。有单位的打码,大概的就是每 1 像素打 n 单位码的意思,所以数值越大越模糊。 单位是常用的 px\em\rem\...; -webkit-filter: blu ...