3月四号css3学习笔记

按钮demo    盒子模型背景动画      css3笔记2

今天呆了一下午图书馆,头晕脑胀的。

css3按钮有一处一直看不到,有时间再看吧。

 

 

渐变

background:linear-gradient( to 渐变方向,color begin,color end)

::before   after 伪元素

定义第三方字体—–

@font-face{

font-family:定义字体名称;
src:url();
}

元素2d转换

transform: translate(10px,5px){以左上建立坐标系移动}
rotate(45deg){旋转,负值表示逆时针,deg(角度)}

scale(2,3){放大倍数,w,h}

transform:skew(<angle> [,<angle>]);

包含两个参数值,分别表示X轴和Y轴倾斜的角度,如果第二个参数为空,则默认为0,参数为负表示向相反方向倾斜。

skewX(<angle>);表示只在X轴(水平方向)倾斜。
skewY(<angle>);表示只在Y轴(垂直方向)倾斜。
3d转换

rotate(x)
rotate(y)
过渡(transition)效果

动画
选择器绑定
@keyframes myx{}
在div块里规定
div{

animation:myx 动画持续时长/s
}

css3用户调整尺寸大小rsize:both

overflow:auto

响应式图片
img{

max-width:100%;
height:auto;
}

刚看完驴得水,感觉一般

电影整体我无法概括,不过可以挑细节来讲。

结局三人聚气时的那深枪响给这个悲剧添上了句号。张一曼不是浪荡的女人,又或者即使她浪荡,那也是合情合理,合情合理指的是一个人的行事风格对主观世界造成的影响不算恶劣,那就没什么可指责的。

说下最不喜欢的角色吧,裴魁山,一个达不到目的就要撕破脸皮的人,这个社会这种人最为可怕,电影里头在他和张一曼发生关系后为了自己的征服欲向一曼真诚告白,告白是真的,撕破面皮后他借着光头特派员的风头,应该是铜匠的报复心理的场合下,用如“你根本就没资格去选择别人,你还挑三拣四的,你个妖艳贱货~”,剧情前后看出裴魁山这个人是自私的,更毒一点的话,他心底看不起有人生污点的人,尤其是女人,这是极其阴险的一个人。而其自身也是有着人生劣迹,从这里看,他也是极其自卑的一个人,那一定是张一曼说过他不行,他太在意了。

说下张一曼,一个看惯男人的本质的女人,在裴魁山向开诚公布时她想了一会拒绝了,其实她是对裴魁山有期待的,但有经验的女人不会随意的答应别人的,她只是想考验一下裴魁山,和铜匠做爱却是因为公事,或许有人会说我明明看到了一曼在对铜匠进行赤裸裸的勾引,其实我想说的是你看到的不是一曼真正的一面,单纯的人比装的人更容易被人看做装逼狗,呵呵,没错,就是那么复杂,我直到现在我才理解一曼在培养铜匠的性趣爱好,而铜匠却像个呆逼一样追求肉体与精神的契合,两个思想境界不一样的人是无法走到一块的。

周铁男的转变让我吃鲸,我自以为周铁男会为自己的性格付出极其惨重的代价,他那种不爽就说,帮好朋友不讲道理的人是活不久的,没想到最后在特派员的枪杆子下也变得附和起来,突然有点不喜欢了,佳佳不错,长的漂亮,我怎么看起来像周迅,不说了,看到佳佳就想到周迅在《人间四月天》里的林徽因,我向往的女生。

校长是个圆滑和善良都到骨子里的中国式教育家,他再怎么撒谎,再怎么委屈求全,他的本质和出衷都是教育,都是学校,不过就是太执着,该放弃的迟早要放弃的,你再怎么去挽留也留不住,他的一次又一次的顾全大局让女儿难受,直到最后请求佳佳冒充铜匠的妻子一起骗慈善家罗斯先生,佳佳终于对这个老爸失望透顶,连自己最后想要告密都没圆滑的他弥救过去,校长和他儿子的思想不一样,还好有一个可以当做救命稻草的哥哥,佳佳最后去了延安找她哥哥,过去的就真的过去了吗?不,一会让事情变得更糟糕,这是佳佳对父亲说得话,不知校长能否明白一个单纯女儿忠言忠于。

驴得水学校会变得如何?它会好吗?还是更烂。。。。。?

css3盒模型笔记

盒模型

—–css3笔记——-
css3盒阴影:
box-shadow: h-shadow v-shadow blur spread color inset;
水平阴影 垂直阴影 模糊距离 阴影尺寸 颜色 外阴影转内

(可负值);

border-image(图形边框)

border-image:source slice width outset repeat(平铺)/round(铺满)/stretched(拉伸)
路径 边框内移 宽度 边框外溢 边框放置方式

transform:rotate(0deg) 盒子倒转 顺正逆负

圆角border-radius:上左 上右 下右 下左

背景{
background-image:url(),url();
background-position:
background-repeat:repeat/no-repeat
background-size
background-origin:border-box/padding-box/content-box
background-clip(剪裁,从何剪裁):padding-box/content-box

}