摘要: text-shadow text-shadow可以用来设置文本的阴影效果。 语法: X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移; Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移; Blur:是指阴影的模糊程度,其值不能是负 阅读全文
posted @ 2016-08-14 21:58 imguo 阅读(173) 评论(0) 推荐(0) 编辑
摘要: @font-face @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。 语法: 这样设置之后,就可以像使用普通字体一样在(font-family)中设置字体样式。 阅读全文
posted @ 2016-08-14 21:49 imguo 阅读(329) 评论(0) 推荐(0) 编辑
摘要: text-overflow text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出。 语法: 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容 阅读全文
posted @ 2016-08-14 21:37 imguo 阅读(299) 评论(0) 推荐(0) 编辑
摘要: background-image:linear-gradient() 参数: 第一个参数:指定渐变方向,可以用“角度”的关键词或“英文”来表示: 第一个参数省略时,默认为“180deg”,等同于“to bottom”。 第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。 css代码: 阅读全文
posted @ 2016-08-14 21:03 imguo 阅读(284) 评论(0) 推荐(0) 编辑
摘要: border-radius 圆角的方块: 效果: 实心上半圆: 方法:把高度(height)设为宽度(width)的一半,并且只设置左上角和右上角的半径与元素的高度一致(也可以大于高度)。 效果: 实心圆: 方法:把宽度(width)与高度(height)值设置为一致(也就是正方形),并且四个圆角值 阅读全文
posted @ 2016-08-14 17:19 imguo 阅读(5088) 评论(0) 推荐(0) 编辑
摘要: 前缀 浏览器 -webkit- chrome、safari -moz- firefox -ms- IE -o- opera 阅读全文
posted @ 2016-08-14 15:27 imguo 阅读(10405) 评论(0) 推荐(1) 编辑