CSS3圆角 设置某一个角的圆角,比如设置左上角的圆角:border-top-left-radius:30px 60px; 同时分别设置四个角: border-radius:30px 60px 120px 150px; 设置四个圆角相同:border-radius:50%; rgba(新的颜色值表示 ...
分类:
Web程序 时间:
2019-03-10 09:19:27
阅读次数:
186
1、@keyframes 定义关键帧动画2、animation-name 动画名称3、animation-duration 动画时间4、animation-timing-function 动画曲线 linear(匀速)|ease(缓冲)|steps(步数)5、animation-delay 动画延迟 ...
分类:
Web程序 时间:
2019-03-10 09:17:21
阅读次数:
258
一、Css3边框属性 border-radius 设置边框为圆角,可指定边框,背景色,背景图片的样式为圆角 box-shadow 可用来设定一个或多个边框的阴影,(box-shadow: 20px 20px 20px #888888;)前两个值设定阴影大小,第三个值设置阴影虚化 border-ima ...
分类:
Web程序 时间:
2019-03-09 16:38:18
阅读次数:
216
盒模型 1)盒的基本类型 在CSS3中使用display属性来定义盒的类型,总体来说盒分为block类型和inline类型 比如之前我们所学div元素就属于block类型,span和a属于inline类型。 2)inline-block类型 inline-block类型是CSS2.1中追加的一个盒类 ...
分类:
Web程序 时间:
2019-03-07 15:49:48
阅读次数:
240
为什么程序员的个人网站博客一般都很丑?说实话,在国内程序员的个人站UI、UE出彩的还是比较少的,依然还是90年代是web1.0的风格。 而且,作为前端程序员,什么交互设计,什么css3动效果,平常项目中的一些蹦跶酷炫的style并没有在自己的网站得以 呈现。 比如我的网站,从12年匆忙上线到现在,基 ...
分类:
Web程序 时间:
2019-03-06 20:48:06
阅读次数:
265
background-image:添加背景图片 background-size:背景图的大小 length:设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动) percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度,第二 ...
分类:
Web程序 时间:
2019-03-06 12:09:25
阅读次数:
191
依赖源 该文件为 ie-css3.htc (特别提示.htc为二进制文件,只会在ie中识别,让IE浏览器支持CSS3的一些属性) 以下为依赖文件源码 通过源码我们可以看到 该文件在一定程度上类似于我们所使用的javascrip 示例代码: 俗话说的好书面描述的再好,都不如上手来段代码实践一波来的实际 ...
分类:
Web程序 时间:
2019-03-05 18:32:53
阅读次数:
162
在CSS中追加了三个属性选择器:[att*=val]、[att^=val]、[att$=val] [att*=val]属性选择器 如果元素用att表示的属性的值中包含用val指定的字符,那么该元素使用这个样式。 [att^=val]属性选择器 如果用att表示的属性值的开头字符为用val指定的字符的 ...
分类:
Web程序 时间:
2019-03-05 12:45:57
阅读次数:
300
在CSS3之前,在网页上要做动画,一般使用javascript来实现,用timer定时执行一些操作来实现动画效果。 自有了CSS3之后,在网页上做动画变得更简单了。相对于使用javascript的实现方式,用CSS3实现的动画效果更流畅,实现起来也更简单。当然,因为CSS几乎没有什么逻辑控制,所以一 ...
分类:
Web程序 时间:
2019-03-03 23:59:56
阅读次数:
324
css背景属性及其应用 1、背景 2、背景简写 3、背景透明(css3) 4、背景缩放(css3) 5、多背景图片(css3) 6、凹凸文字效果 ...
分类:
Web程序 时间:
2019-03-02 23:46:08
阅读次数:
215