-
嵌入字体@font-face @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。 语法: @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后,就可以像使用普通字体一样在(font-*)中设置字体样式。 比如: p { font-size :12px; font-family : "My Font"; /*必须项,设置@font-face中font-family同样的值*/ }查看全部
-
-webkit-transition: background-color .5s ease .1s; transition: background-color .5s ease .1s; 要过渡的属性值 过渡过程持续的时间 过渡变化过程变化快慢的函数 延迟时间查看全部
-
很牛叉。。。看不懂查看全部
-
使用伪元素::after,:before设置位置,并使用position绝对定位; 设置与元素li的right、top距离; 设置内容为空:content:"";并设置高度和宽度; 可以设置单一背景色(background-color:#AAA)或者渐变色(background:linlinear-gradient(to bottom,#f82f87,#B0363F,#f82f87));查看全部
-
但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果查看全部
-
多列布局——column-count column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则: column-count:auto | <integer>查看全部
-
多列布局——column-width column-width的使用和CSS中的width属性一样,不过不同的是,column-width属性在定义元素列宽的时候,既可以单独使用,也可以和多列属性中其他属性配合使用。其基本语法如下所示 ; column-width: auto | <length>查看全部
-
多列布局——Columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module)。它主要应用在文本的多列布局方面,对于文本的多列布局,我想大家并不陌生,因为报纸和杂志上我们随处可见,这种布局在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的效果还是有相当大的难度,庆幸的是,CSS3的多列布局可以轻松实现。接下来咱们一起学习多列布局相关的知识。 Columns columns:<column-width列宽> || <column-count列数>查看全部
-
媒体查询除了IE6-8浏览器不支持之外,在所有现代浏览器中都可以完美支持。查看全部
-
box-sizing: content-box | border-box | inherit border-box(重新定义CSS2.1中盒模型组成的模式,让元素维持IE传统的盒模型(IE6以下版本和IE6-7怪异模式),也就是说元素的宽度或高度等于元素内容的宽度或高度。从上面盒模型介绍可知,这里的内容宽度或高度包含了元素的border、padding、内容的宽度或高度(此处的内容宽度或高度=盒子的宽度或高度—边框—内距)。)查看全部
-
@-webkit-keyframes和-webkit-animation注意加前缀。查看全部
-
不知道元素宽度和高是多少,实现水平垂直居中,使用transform:translate()查看全部
-
a[class^=icon]{} 选取所有class以“icon”为开头的a标签元素 a[class$=icon]{}选取所有class以“icon”为结尾的a标签元素 a[class*=icon]{}选取所有class包含“icon”的a标签元素查看全部
-
mark查看全部
-
多看几遍得查看全部
举报
0/150
提交
取消