摘要：
语法：background：linear-gradient( 渐变方向，起点颜色，终点颜色 )参数说明：渐变方向：可以使用top，left，或者指定具体的角度（deg为单位），比如top是自上而下渐变，left是自左向右渐变。同时也可将两者结合起来，比如top left表示自左上方向右下方渐变。起点 阅读全文
posted @ 2016-09-07 16:00
gulan123
阅读(317)
评论(0)
推荐(0)
摘要：
在Web中插入内容，在CSS2.1时代依靠的是JavaScript来实现。但进入CSS3进代之后我们可以通过CSS3的伪类“:before”，“:after”和CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img 阅读全文
posted @ 2016-09-07 15:38
gulan123
阅读(170)
评论(0)
推荐(0)
摘要：
外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline属性早在CSS2中就出现了，主要是用来在元素周围绘制一条轮廓线，可以起 阅读全文
posted @ 2016-09-07 15:36
gulan123
阅读(399)
评论(0)
推荐(0)
摘要：
为了增强用户体验，CSS3增加了很多新的属性，其中resize就是一个重要的属性，它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。到目前为止，可以使用overflow属性的任何容器元素。 在此之前，Web设计师为了要实现这样具有拖动效果的UI，使用大量的脚本代码才能实现，这样费时费力，效率 阅读全文
posted @ 2016-09-07 15:34
gulan123
阅读(186)
评论(0)
推荐(0)
摘要：
下面我们一起来看看CSS3 Meida Queries在标准设备上的运用，大家可以把这些样式加到你的样式文件中，或者单独创建一个名为“responsive.css”文件，并在相应的条件中写上你的样式，让他适合你的设计需求： 1.1024px显屏 @media screen and (max-widt 阅读全文
posted @ 2016-09-07 15:24
gulan123
阅读(282)
评论(0)
推荐(0)
摘要：
1. 最大宽度max-width “max-width”是媒体特性中最常用的一个特性，其意思是指媒体类型小于或等于指定的宽度时，样式生效。如： 上面表示的是：当屏幕小于或等于480px时,页面中的广告区块（.ads）都将被隐藏。 2.最小宽度min-width “min-width”与“max-wi 阅读全文
posted @ 2016-09-07 14:43
gulan123
阅读(222)
评论(0)
推荐(0)
浙公网安备 33010602011771号