摘要: CSS制作立体导航 Home About Me Portfolio Blog Resources Contact Me 阅读全文
posted @ 2015-04-29 11:14 框框A 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 多重背景,也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加,缩写时为用逗号隔开的每组值;用分解写法时,如果有多个背景图片,而其他属性只有一个(例如background-repeat只有一个),表明所有背景图片应用该属性值。语法缩写如... 阅读全文
posted @ 2015-04-29 10:16 框框A 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。语法:background-size: auto | | | cover | contain取值说明:1、auto:默认值,不改变背景图片的原始高度和宽度;2、:成对出现如200px 50px,将背景... 阅读全文
posted @ 2015-04-29 10:08 框框A 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 用来将背景图片做适当的裁剪以适应实际需要。语法:background-clip : border-box | padding-box | content-box | no-clip参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效... 阅读全文
posted @ 2015-04-29 10:04 框框A 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 设置元素背景图片的原始起始位置。语法:background-origin : border-box | padding-box | content-box;参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。效果如下:需要注意的是,如果背景不是no-repeat,这个属性无效... 阅读全文
posted @ 2015-04-29 09:57 框框A 阅读(162) 评论(0) 推荐(0) 编辑
摘要: text-shadow可以用来设置文本的阴影效果。语法:text-shadow: X-Offset Y-Offset blur color;X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之... 阅读全文
posted @ 2015-04-29 09:55 框框A 阅读(175) 评论(0) 推荐(0) 编辑
摘要: @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。语法:@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径;}这样设置之后,就可以像使用普通字体一样在(font-*)中设置字体样式。比... 阅读全文
posted @ 2015-04-29 09:50 框框A 阅读(183) 评论(0) 推荐(0) 编辑
摘要: text-flow:clip(剪切)|ellipsis(省略号)但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢... 阅读全文
posted @ 2015-04-29 09:46 框框A 阅读(233) 评论(0) 推荐(0) 编辑