会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Heroine.z
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
9
10
11
12
13
14
15
下一页
2016年4月13日
CSS3---变形与动画效果
摘要: 1.旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,则元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。 transform:rotate(-20deg); 2.扭曲skew(
阅读全文
posted @ 2016-04-13 21:54 Heroine.z
阅读(443)
评论(0)
推荐(0)
2016年4月10日
CSS3---布局
摘要: 1.多列布局:columns columns:<column-width> || <column-count> column-width的使用和CSS中的width属性一样,不过不同的是,column-width属性在定义元素列宽的时候,既可以单独使用,也可以和多列属性中其他属性配合使用。 基本语法
阅读全文
posted @ 2016-04-10 22:00 Heroine.z
阅读(286)
评论(0)
推荐(0)
CSS3---选择器
摘要: 1.结构性伪类选择器 :root:从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html>。 2.“:root”选择器等同于<html>元素,简单点说::root{background:orange}与 html {backgrou
阅读全文
posted @ 2016-04-10 20:43 Heroine.z
阅读(323)
评论(0)
推荐(0)
CSS3---关于背景
摘要: 1.background-origin:设置元素背景图片的原始起始位置。 background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。(注意:如果背景不是no-re
阅读全文
posted @ 2016-04-10 16:06 Heroine.z
阅读(198)
评论(0)
推荐(0)
CSS3---关于文本
摘要: 1.text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出。 2.但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:h
阅读全文
posted @ 2016-04-10 15:04 Heroine.z
阅读(191)
评论(0)
推荐(0)
CSS3--- 颜色
摘要: 1.RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 语法:color:rgba(R,G,B,A) 以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0%
阅读全文
posted @ 2016-04-10 14:38 Heroine.z
阅读(145)
评论(0)
推荐(0)
CSS3---border-image
摘要: 1.在执行效果来说 1、3、7、9四个角原封不动,只是2、4、6、8改变。 2.repeat就是一直重复,然后超出部分剪裁掉,而且是居中开始重复。Round 参数:Round可以理解为圆满的铺满。为了实现圆满所以会压缩(或拉伸),Stretch 很好理解就是拉伸,有多长拉多长。有多远“滚”多远。(注
阅读全文
posted @ 2016-04-10 14:27 Heroine.z
阅读(133)
评论(0)
推荐(0)
CSS3---box-shadow设置
摘要: 1.box-shadow是向盒子添加阴影。支持添加一个或者多个。 2.box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 3.注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。 4.如果添加多个阴影,只需用逗号隔开即可。
阅读全文
posted @ 2016-04-10 13:32 Heroine.z
阅读(295)
评论(0)
推荐(0)
CSS3---圆角设置
摘要: 1.border-radius是向元素添加圆角边框。border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ 实心上半圆: 方法:把高度(h
阅读全文
posted @ 2016-04-10 13:23 Heroine.z
阅读(249)
评论(0)
推荐(0)
CSS3的新特性
摘要: 1.在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome和safari -moz firefox -m
阅读全文
posted @ 2016-04-10 13:20 Heroine.z
阅读(207)
评论(0)
推荐(0)
上一页
1
···
9
10
11
12
13
14
15
下一页
公告