-
在IE９以下还可以借助“:root”实现hack功能。查看全部
-
* 含有(任意位置) ^ 开头 $ 结尾查看全部
-
background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。 语法： background-size: auto | <长度值> | <百分比> | cover | contain cover:将背景图片等比缩放以填满整个容器(100%) contain:将背景图片等比缩放至某一边紧贴容器边缘为止查看全部
-
linear-gradientlinear-gradientgradientllinakllililinear-gradientgradientgradient linrat linear-gradientlinear-gradientgradientlinear-gradient查看全部
-
白色是255查看全部
-
添加多个阴影： 以上的语法的介绍，就这么简单，如果添加多个阴影，只需用逗号隔开即可。如： .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; }查看全部
-
text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 语法：但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时，word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。查看全部
-
颜色之RGBA 1.RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 2.语法：字体颜色：color：rgba(R,G,B,A) 背景颜色：background-color：rgba(R,G,B,透明度）； 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。 3.代码示例： background-color:rgba(100,120,60,0.5);查看全部
-
box-shadow是向盒子添加阴影。支持添加一个或者多个。 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 参数介绍： X轴偏移量 必需。水平阴影的位置。允许负值。 Y轴偏移量 必需。垂直阴影的位置。允许负值。 阴影模糊半径 可选。模糊距离。 阴影扩展半径 可选。阴影的尺寸。 阴影颜色 可选。阴影的颜色。省略默认为黑色。 投影方式 可选。外部阴影 (outset)内部阴影（inset）,默认值为outset（outset是默认的，不需要添加）。 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。 如果添加多个阴影，只需用逗号隔开即可。如： .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; }查看全部
-
渐变色彩 1.CSS3 Gradient分为线性渐变(linear)和径向渐变(radial)； 2.线性渐变：linear-gradient(方向,起始颜色,终止颜色) 径向渐变：radial-gradient(圆心颜色，外圈颜色); 3.参数介绍： 3.1：第一个参数指定渐变方向，可以用“角度”的关键词或“英文”来表示： 角度 用英文 作用（渐变方向） 0deg（0度） to top 从下向上 90deg to right 从左到右 180deg to bottom 从上到下 270deg to left 从右到左 to top left 从右下角到左上角 to top right 从左小角到右上角: 3.2：第一个参数省略时，默认为“180deg”，等同于“to bottom”； 3.3：第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值 4.示例代码：从右下角向左上角的线性渐变背景：见代码快照查看全部
-
颜色之RGBA 1.RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 2.语法：字体颜色：color：rgba(R,G,B,A) 背景颜色：background-color：rgba(R,G,B,透明度）； 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。 3.代码示例： background-color:rgba(100,120,60,0.5);查看全部
-
研究研究查看全部
-
为边框应用图片 border-image:1.语法：border-image:url(borderimg.png) 70 70 70 70 repeat; 2.参数介绍： 2.1：URL内为图片路径； 2.2：70为切割图片的宽度，单位为像素，但省略px，也可以使用百分比，遵循顺时针的规律来分别设置，也可以简写为70； 2.3:repeat为图片延伸方式：三个可选参数分别为：round（平铺） repeat（重复） stretch（拉伸） 3.注意： 3.1：round参数：round可以理解为圆满的铺满。为了实现圆满所以会压缩（或拉伸）； stretch参数：拉伸，有多长拉多长；查看全部
-
background-origin（设置元素背景图片的原始起始位置）: border-box（从边框区域开始显示）; padding-box(从内边距区域开始显示); content-box(从内容区域开始显示); 注：如背景不是no-repeat,则无效，它会从边框开始显示。查看全部
-
线是两条够成的查看全部
举报
0/150
提交
取消