下面是小编为大家整理的怎样理解与应用时新素材(共含6篇),供大家参考借鉴,希望可以帮助到有需要的朋友。同时,但愿您也能像本文投稿人“美少女不吃香菇”一样,积极向本站投稿分享好文章。
时新素材解读与应用
[时新素材一]不拿英雄名声卖钱
“随便松点口、做点广告,起码也有几百万元了。但我们不会拿抗震救灾小英雄的名头卖钱!”近日,一位记者在四川采访林浩一家时,林浩的父亲吐露了心声。
“5-12”地震发生后,映秀小学学生林浩营救多名同学的事迹在全国传为佳话;北京奥运会开幕式上,小林浩与姚明牵手进场。这个年仅10岁的孩子一下子成了名人。一家巧克力厂托人找林浩的父亲洽谈,愿意给50万元代言费,请林浩做广告。由于缺少技能,林家的生活很困难,但全家人反复合计后,决定不拿抗震救灾英雄的名气卖钱。
在林浩的父亲看来,金钱固然重要,却不能拿孩子的名声和影响力进行置换。在地震来临的危急时刻,小林浩临危不惧,勇敢地向小伙伴们伸出援手。这种英雄行为是高尚人格的自然流露,是对传统美德的继承和坚守。唯其自然、本色、朴实,才成为浮华世界的一抹亮色、滚滚红尘中的高尚榜样。[素材解读]
这是个鲜活的、有时代特色的好素材,我们作文时可从以下角度思考、运用。
一是要守住人的美好秉性。我们都知道拿名气做广告,钱来得很容易,现实中的很多人都这样做。可是林浩的父亲却认为,做了毫不相干的广告,虽然能得到丰厚的经济回报,却让孩子的行为染上了商业和功利的色彩。所以,他们宁守贫寒,不慕虚华,在宁静中享受纯净坦然的幸福,享受精神的高贵。这种精神之所以宝贵,是因为他们不为物欲所动,抵挡金钱诱惑,守住本性的淳朴,,林浩父亲的做法可以说给很多人上了生动的一课。
二是应该珍视比金钱更宝贵的品质。林浩父亲的做法生动形象地向我们说明不是所有东西都能以金钱交换的,在这个世界上,总有一些美好和纯粹的事物值得我们珍惜、珍藏。在生活的路途中,我们可能会面临很多取舍,需要作出各种抉择。不管如何,我们心里应该清楚,有些东西是易碎品,一旦打破,很难复原。比如操守、美德、人格、信用……打碎后即使经过精心缝合,总会留下难看的疤痕。名利场是一种客观存在,更是一种人格考验,虽然无声,无人监考,却不是每个人都会在人格的试卷上得到高分。林浩父亲那朴素的话语,无悔的.行动,令人感动,让人深思。
三是我们要关爱英雄。读了这个故事,我们会无限感慨,也留给我们深深的思考。社会需要英雄!英雄需要社会的关爱。大英雄创大事,小英雄也可创奇迹,为社会做出突出的贡献。林浩是千千万万英雄中的一个,他的高尚品德是社会的财富,是大众的楷模。他无私的奉献应当得到社会的认可,得到应有的回报,得到社会的关爱!从社会对英雄的关爱中彰显社会的文明和谐。这样我们的社会才会出现更多的“林浩”。[适用文题]
人的本性最宝贵的如何对待英雄
[时新素材二]万名学生放弃高考的背后……
重庆市招办人员透露,重庆市高考报名人数虽有增加,但相比同等人口的省市来说,考生仍偏少。不容忽视的是,应届高中毕业生中,有上万名学生没有报名,其中多是农村考生。此外,严峻的就业形势,上完大学找不到好工作,也使“读书无用论”思想在农村蔓延。
一般情况下,农村孩子只有通过“十年寒窗苦”,通过无数次考试,进入高校的门槛,才能进入城市,成为“城市人”。曾经有无数的农村孩子为此苦苦奋斗。而今,由于诸多因素的影响,一些农村的孩子放弃了这种奋斗。
任何一种思想行为的产生都有它的土壤与环境。“读书无用论”思想之所以在农村蔓延,与时下农村的经济状况和整个社会的就业环境分不开。“念也考不上,考得上也供不起,供得起也找不到工作”,一些农村家长朴素的话语道出了当代“读书无用”的内涵,其中隐含着多少辛酸和无奈。[素材解读]
这是一个倍受关注的热点素材,我们可从以下方面思考运用。
一是我们呼唤教育公平。现在我国的教育还存在着严重的“城乡差别”。高考,有“城市分数线”,本城市考生的录取分数线往往低很多,这是在录取上的城乡差别。在这个环节上存在的不公平因素,让农村的许多孩子“念也考不上”。在就业上,城乡大学生也存在微妙的差别。城市户口的大学生,有着先天的“城市身份”优势,不少用人单位在招聘人时还有“户口论”,更不排除城市学生的家庭背景对子女就业的影响。农村大学牛就业上的劣势、弱势是不争的现实。只有保证教育的公平,才能促进社会的和谐与人才的培养。
二是不能让“读书无用论”毒瘤危害青少年。现在,“读书无用论”在一些学生及家长中很流行,它是文明社会的毒瘤,危害着社会主义建设的健康肌体,蚕食着整个中华民族的精神支柱。我们必须下大力气坚决根治这个顽症,要进一步完善尊重知识、尊重人才的科教兴国战略。有人才则国家兴,无人才则国家亡。政府和有关部门必须把尊重知识和尊重人才放在第一位,把对人才的重视落到实处。
三是要切实改革大学教育。(范文网 )“供得起也找不到工作”这句话值得我们深思,这种现象的根源是目前我国大学的教育存在问题。我国现在的技能培训教育大大滞后于高校的发展。所以必须停止无科学规划的扩招,把有限的资源利用到技术教育层次上去。提高各种大中专院校技能培训的实力,这样从大中专院校出来的毕业生可以在工作中独当一面,从而成为对社会有用的人才。[适用文题]
读书真的无用吗教育公平我看大学教育
教育素材解读与应用
江苏赵遐蒋玉军
关注学生近视需要教育远视
据《京华时报》报导,重庆市城市高中男生的近视率为85.9%,城市高中女生的近视率为89.5%.一些重点中学几乎整班是近视眼。且看重庆一名“小眼镜”现身说法:看书写作业的时间太长,周六周日也要上辅导班,没时间让眼睛休息。家长和老师都只关心学习成绩,近不近视无所谓……望子成龙、分数成为命根儿,使得家长与老师巴不得孩子除了睡觉都在学习,好孩子在许多大人的印象中只有两个字――用功!到头来,年轮似的眼镜诉说着一双双纯洁双眸的“久经考验”,更记录着一段段被题海淹没的花季年华。
一面是课业负担重于泰山,另一面又要素质考核学生的抗疲劳能力。教育部召开全国中小学生近视眼防控工作网络视频会议,要求将包括视力状况在内的学生体质状况纳入衡量学生综合素质的标准。重庆市的中小学已率先响应,渝中区制定的小学升初中保送政策中已包含视力加分。
【素材解读】
现在众多学生都近视,这完全是学生自己造成的吗?答案是否定的。恰恰是由于应试体制高度“近视”,导致大批学生眼睛近视,戴不戴眼镜是外在表象,越减越肥的课业同样只是形式。问题的核心是,教育如何激发学生的求知欲,怎样提高学生探索未知领域的能力。
【适用话题】
我思我忧健康与知识真正的人才近视与远视
教帅的短信
不久前,有报道称,在圣诞节的平安夜,有家长收到这样的.短信:“感谢某某家长给全班同学送来圣诞礼物,并祝圣诞快乐!”这位家长的`儿子上小学五年级,短信是班主任发的。收到这样的短信,这位家长备受煎熬:“对于我这种没心没肺、没为班级作过贡献的家长,收到这样的短信真的很难为情。”这位家长说,儿子班上同学的家长中,有给班上送水的,有送盆景的,甚至在学校开运动会时,还有家长为全班提供运动衣裤的。事后,班主任就给所有家长群发短信,以示感谢。有的老师说:“发短信的目的是希望家长能趁机教育孩子关心集体。”
【素材解读】
教育的不正之风是影响教育者形象的重要因素。现在社会上对教师的教育形象的误解主要是因为有的教师确实思想不纯,如教师节期间索要礼物,这些行为无疑给为人师表的教师形象抹黑。
【适用话题】
信任尊重与信任为师的艺术化低俗为高尚教育危机
众多高三学生放弃高考
日前,重庆媒体的一则新闻在社会上引起了轩然大波。报道称,据重庆市招生自考办公室统计,今年重庆有上万名高中毕业生放弃高考,其中不少来自农村学校。而据湖北省教育厅统计的一组数据显示,去年湖北省就已经约有2.6万学生放弃高考。招考专家称,实际弃考的有1万人左右,这个数据在正常范围之内。哪些人放弃了高考机会?他们因何缘由而放弃高考?记者走进湖北省十余所普通高中进行走访调查。
每届高中生从高一到高三流失率在3%是正常的,有1.2万人左右,有些可能在高一或者高二时因为种种原因放弃了高中学习。(范文网 )“实际上高三学生弃考的有1万人左右,这个数据在正常的范围之内。”记者调查发现,放弃高考的学生主要集中在市区一些普通高中和远城区学校,学生弃考原因有多种,有的是因为成绩太差,考学无望,有的是感觉“读书不如早立业”,还有的是因家庭经济有困难。
【素材解读】
放弃高考,不等于放弃了人生。前些年青年学生全体挤高考独木桥的现象应该有些改变了。社会发展的新时期,价值多元使青年学生的选择也出现了多元,放弃高考,天没有塌下来,可以创业,可以打工成才,路有千万条!
【适用话题】
人生的选择条条大路通罗马行行出状元读书与就业因势利导
质量守恒定律的理解与应用
质量守恒定律是中学化学中重要的基本定律之一,是所有化学反应必须遵循的普遍规律,是初中化学教学的重点和难点,为帮助学生学习该定律,现从以下几个方面分析说明. 一、质量守恒定律的涵义 参加化学反应的各物质的质量总和,等于反应后生成的各物质的质量总和,这个规律叫做质量守恒定律. 二、应用质量守恒定律时应注意的问题 1.该定律的适用范围:只适用于化学变化,而不包括物理变化. 2.理解参加反应的涵义:对于反应物来说,一定要强调是指“参加反应”的物质,而不是各物质质量的简单相加 ,一定不要把没有参加反应的反应物的质量计算在反应前的物质的质量总和中. 3.理解“反应生成”的涵义:对于化学反应后物质来说,一定要强调是指“反应后生成”的物质,原来就有的物质的质量不能计算在生成物的质量总和中. 4.质量总和:各物质的质量总和,包括气态、液态和固态的物质,不能漏掉任何一种反应物或生成物的质量,否则就会出现“不守恒”的现象. 5.质量守恒:质量守恒定律强调的是质量守恒而不包括其它方面(如:体积或其它物理量)的守恒. 6.从微观角度理解质量守恒定律:化学反应的过程,就是参加反应的各物质(反应物)的`原子重新组合成其它物质(生成物)的过程,也就是说,在一切化学反应中,反应前后原子的种类、原子的数目、原子的质量都没有变化,所以参加化学反应的各物质的质量总和等于反应后的各物质的质量总和D即质量守恒定律. 7.小结和归纳:从宏观角度知微观角度来理解质量守恒定律, 可将化学反应的过程归纳为“五个不改变”,“两个一定改变”,“一个可能改变”. 五个不改变:(1)宏观DD反应物和生成物总质量不变;元素种类不变. (2)微观DD原子种类不变;原子数目不变;原子质量不变 两个一定改变:(1)宏观DD物质的种类一定改变
(2)微观DD分子的种类一定改变 一个可能改变:分子总数可能改变. 三、质量守恒定律的应用 1.推断物质的化学式 例1 (雅安中考题)在细菌作用下,可以用氨气处理含有甲醇(CH3OH)的工业废水,有关反应的化学方程式为5CH3OH+12O2+6NH3 细菌 3X+5CO2+19H2O,则X的化学式为 . 解析:根据质量守恒定律,反应前后各原子的数目相等,可知,反应物中碳、氢、氧、氮原子的个数依次为5、38、29、6,而生成物中碳、氢、氧原子的个数为5、38、29,相对比生成物比反应物少了6个氮原子,所以缺少的6个氮原子必在3 X 中,即X 的化学式为N2. 例2 (广州中考题)浓硝酸和锌的反应的化学方程式为Transform:对元素进行变形;
Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画,但只有两个关键贞。开始,结束。
Animation:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。可以设置多个关键贞。
Transition与Animation:
transition需要触发一个事件 ,而animation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元 素css的属性值,从而达到一种动画的效果。
上次学习了变形Transform,下面看动画。
一.Transition
css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。
语法:
transition : [<'transition-property'>|| <'transition-duration'>|| <'transition-timing-function'>|| <'transition-delay'>
[, [<'transition-property'>|| <'transition-duration'>|| <'transition-timing-function'>|| <'transition-delay'>]]*
transition主要包含四个属性值:
执行变换的属性:transition-property,
变换延续的时间:transition-duration,
在延续时间段,变换的速率变化transition-timing-function,
变换延迟时间transition-delay。
下面分别来看这四个属性值
1.transition-property
语法:
transition-property : none | all | [
transition-property是用来指定当元素其中一个属性改变时执行transition效果,其主要有以下几个值:
none(没有属性改变);
all(所有属性改变)这个也是其默认值;
indent(元素属性名)。
当其值为none时,transition马上停止执行,当指定为all时,则元素产生任何属性值变化时都将执行transition效果,ident是可以指定元素的某一个属性值。其对应的类型如下:
1、color: 通过红、绿、蓝和透明度组件变换(每个数值处理)如:background-color,border-color,color,outline-color等css属性;
2、length: 真实的数字 如:word-spacing,width,vertical-align,top,right,bottom,left,padding,outline-width,margin,min-width,min-height,max-width,max-height,line-height,height,border-width,border-spacing,background-position等属性;
3、percentage:真实的数字 如:word-spacing,width,vertical-align,top,right,bottom,left,min-width,min-height,max-width,max-height,line-height,height,background-position等属性;
4、integer离散步骤(整个数字),在真实的数字空间,以及使用floor转换为整数时发生 如:outline-offset,z-index等属性;
5、number真实的(浮点型)数值,如:zoom,opacity,font-weight,等属性;
6、transform. list:详情请参阅:《CSS3 Transform》
7、rectangle:通过x, y, width 和 height(转为数值)变换,如:crop
8、visibility: 离散步骤,在0到1数字范围之内,0表示“隐藏”,1表示完全“显示”,如:visibility
9、shadow: 作用于color, x, y 和 blur(模糊)属性,如:text-shadow
10、gradient: 通过每次停止时的位置和颜色进行变化。它们必须有相同的类型(放射状的或是线性的)和相同的停止数值以便执行动画,如:background-image
11、paint server (SVG): 只支持下面的情况:从gradient到gradient以及color到color,然后工作与上面类似
12、space-separated list of above:如果列表有相同的项目数值,则列表每一项按照上面的规则进行变化,否则无变化
13、a shorthand property: 如果缩写的所有部分都可以实现动画,则会像所有单个属性变化一样变化
border-spacing as simple list of lengthborder-top-color as colorborder-top-width as lengthbottom as length, percentage, or calcclip as rectanglecolor as colorfont-size as lengthfont-weight as font weightheight as length, percentage, or calcleft as length, percentage, or calcletter-spacing as lengthline-height as either number or lengthmargin-bottom as lengthmargin-left as lengthmargin-right as lengthmargin-top as lengthmax-height as length, percentage, or calcmax-width as length, percentage, or calcmin-height as length, percentage, or calcmin-width as length, percentage, or calcopacity as numberoutline-color as coloroutline-width as lengthpadding-bottom as lengthpadding-left as lengthpadding-right as lengthpadding-top as lengthright as length, percentage, or calctext-indent as length, percentage, or calctext-shadow as shadow listtop as length, percentage, or calcvertical-align as lengthvisibility as visibilitywidth as length, percentage, or calcword-spacing as lengthz-index as integer
这里需要提醒一点是,并不是什么属性改变都为触发transition动作效果,比如页面的自适应宽度,当浏览器改变宽度时,并不会触发transition的效果。但上述所示的属性类型改变都会触发一个transition动作效果。
2.transition-duration:
语法:
transition-duration :
transition-duration是用来指定元素 转换过程的持续时间,取值:
3.transition-timing-function:
语法:
transition-timing-function : ease | linear | ease-in | ease-out | ease-in-out |
cubic-bezier(
[, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(
取值:
transition-timing-function的值允许你根据时间的推进去改变属性值的变换速率,transition-timing-function有6个可能值:
1)、ease:(逐渐变慢)默认值,ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0).
2)、linear:(匀速),linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0).
3)、ease-in:(加速),ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0).
4)、ease-out:(减速),ease-out 函数等同于贝塞尔曲线(0, 0, 0.58, 1.0).
5)、ease-in-out:(加速然后减速),ease-in-out 函数等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)
6)、cubic-bezier:(该值允许你去自定义一个时间曲线), 特定的cubic-bezier曲线。 (x1, y1, x2, y2)四个值特定于曲线上点P1和点P2。所有值需在[0, 1]区域内,否则无效。
其是cubic-bezier为通过贝赛尔曲线来计算“转换”过程中的属性值,如下曲线所示,通过改变P1(x1, y1)和P2(x2, y2)的坐标可以改变整个过程的Output Percentage。初始默认值为default。可使用网站工具。
image
其他几个属性的示意图:
image
4.transition-delay:
语法:
transition-delay :
transition-delay是用来指定一个动画开始执行的时间,也就是说当改变元素属性值后多长时间开始执行transition效果,其取值:
有时我们不只改变一个css效果的属性,而是想改变两个或者多个css属性的transition效果,那么我们只要把几个transition的声明串在一起,用逗号(“,”)隔开,然后各自可以有各自不同的延续时间和其时间的速率变换方式。但需要值得注意的一点:transition-delay与transition-duration的值都是时间,所以要区分它们在连写中的位置,一般浏览器会根据先后顺序决定,第一个可以解析为时间的P值为transition-duration第二个为transition-delay。
5.简写
综合上述我们可以给transition一个速记法:transition:
image
通过上面,我想大家对CSS3的Transition属性的使用有一定的概念存在了,下面我们举个例子来增强transition的记忆。
all
left
left&color
效果如下:
jdfw
演示地址:
6.transition的使用注意
(1)目前,各大浏览器(包括IE 10)都已经支持无前缀的transition,所以transition已经可以很安全地不加浏览器前缀。
(2)不是所有的CSS属性都支持transition,完整的列表查看这里,以及具体的效果。
(3)transition需要明确知道,开始状态和结束状态的具体数值,才能计算出中间状态,
比如,height从0px变化到100px,transition可以算出中间状态。但是,transition没法算出0px到auto的中间状态,也就是说,如果开始或结束的设置是height: auto,那么就不会产生动画效果。类似的情况还有,display: none到block,background: url(foo.jpg)到url(bar.jpg)等等。
7.transition的局限
transition的优点在于简单易用,但是它有几个很大的局限。
(1)transition需要事件触发,所以没法在网页加载时自动发生。
(2)transition是一次性的,不能重复发生,除非一再触发。
(3)transition只能定义开始状态和结束状态,不能定义中间状态,也就是说只有两个状态。
(4)一条transition规则,只能定义一个属性的变化,不能涉及多个属性。
CSS Animation就是为了解决这些问题而提出的。
二.Animation
1.动画属性如下:
属性描述
@keyframes规定动画。
animation所有动画属性的简写属性,除了 animation-play-state 属性。
animation-name规定 @keyframes 动画的名称。
animation-duration规定动画完成一个周期所花费的秒或毫秒。默认是 0。
animation-timing-function规定动画的速度曲线。默认是 “ease”。
animation-delay规定动画何时开始。默认是 0。
animation-iteration-count规定动画被播放的次数。默认是 1。
animation-direction规定动画是否在下一周期逆向地播放。默认是 “normal”。
animation-play-state规定动画是否正在运行或暂停。默认是 “running”。
animation-fill-mode规定对象动画时间之外的状态。
2.我们从创建CSS动画的基本要素开始。任何CSS动画中都有两个主要的部分:
定义动画
将其赋给指定的HTML元素(或元素)。
3.定义动画(@keyframes 规则)
1)定义一个名为drive的动画:
@keyframes drive {
}
2)定义关键帧
动画是由关键帧组成的!在@keyframes声明中,我们有两种方法来对它进行定义:关键字from 和 to;或百分比。
非常简单的动画可能只是把一个对象从一个地方移动到另一个地方。在这种情况下,关键字from 和 to非常适合来定义关键帧。
@keyframes drive { from { transform. translateX(0); } to { transform. translateX(400px); }}
用百分比定义关键帧,从0%关键帧开始,以100%作为结束。0%到100%之间的任何数字都可以定义关键帧,所以使用百分比有非常大的灵活性。当然,如果你喜欢的话,你也可以将百分比和from(相当于0%)、to(相当于100%)混合使用。
@keyframes drive { 0% { transform. translateX(0); } 50% { transform. translateX(200); } 100% { transform. translateX(400px); }}
此外,你不必按照严格的升序排列来列出百分比。一个0%的关键帧仍然会被认为是动画的第一个关键帧,即使它不是按照顺序排列的。
4.将动画赋给HTML元素
一旦创建了关键帧声明块,就需要准备把动画赋给一个HTML元素或其它元素。我们还需要为HTML元素定义一个简短的属性列表,比如img元素,为它应用我们刚才创建的动画。
1)animation-name
规定 HTML元素@keyframes 动画的名称。如:
animation-name: drive;
2)animation-duration
规定动画完成一个周期所花费的秒或毫秒。默认是 0。如:
animation-duration: 2s;
设置了这两个属性以及我们刚才定义的关键帧,我们才可以看到动画。
jdfw
完整的CSS是这样写的:
car { animation-name: drive; animation-duration:1s;}@keyframes drive { from { transform. translate(0); } to { transform. translate(400px); }}
.
3)animation-timing-function
animation-timing-function 规定动画的速度曲线。
速度曲线定义动画从一套 CSS 样式变为另一套所用的时间。
速度曲线用于使变化更为平滑。
animation-timing-function 使用名为三次贝塞尔(Cubic Bezier)函数的数学函数,来生成速度曲线。您能够在该函数中使用自己的值,也可以预定义的值:
演示地址
linear 动画从头到尾的速度是相同的。
ease 默认。动画以低速开始,然后加快,在结束前变慢。
ease-in 动画以低速开始。
ease-out 动画以低速结束。
ease-in-out 动画以低速开始和结束。
cubic-bezier(n,n,n,n) 在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。可使用网站工具。
对于我们简单的小车示例,我把“timing function”值设置为ease-in:
animation-time-function: ease-in;
4)animation-iteration-count
animation-iteration-count 属性定义动画的播放次数。
语法:animation-iteration-count: n|infinite;
n 定义动画播放次数的数值;infinite 规定动画应该无限次播放。
我们已经了解了CSS动画最基础的内容。它涵盖了非常多的内容,但是你很快很发现动画有不同的层,当你在完善动画的同时还想节省时间的时候,你就需要有更多帮助你控制动画的东西了。
5)animation-delay
animation-delay 属性定义动画何时开始。
animation-delay 值以秒或毫秒计。
提示:允许负值,-2s 使动画马上开始,但跳过 2 秒进入动画。
等待两秒,然后开始动画:
animation-delay: 2s;
jdfw
你可能注意到了,在动画结束的时候,我们的球会回到原来的位置。这不是结束一个动画最理想的方式。当你的对象在屏幕上移动,你可能希望它能停在结束的位置,而不是回到原来的位置。这就是animation-fill-mode可以完成的东西。
巧妙地设置animation-delay属性的值可以让我们完成多动画效果。下面会讲。
6)animation-fill-mode
animation-fill-mode 属性规定动画在播放之前或之后,其动画效果是否可见。
注释:其属性值是由逗号分隔的一个或多个填充模式关键词。
语法
animation-fill-mode : none | forwards | backwards | both;
none 不改变默认行为。
forwards 当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。
backwards 在 animation-delay 所指定的一段时间内,在动画显示之前,应用开始属性值(在第一个关键帧中定义)。
both 向前和向后填充模式都被应用。它是forwards和backwards的结合。动画可以在开始前就已经是第一个关键帧的样式,然后,在动画完成后,保持最后一个关键帧的样式。
设置过animation-delay,再设置backwards
animation-fill-mode: backwards;
会产生以下效果:
jdfw
7)animation-direction
animation-direction 属性定义是否应该轮流反向播放动画。
如果 animation-direction 值是 “alternate”,则动画会在奇数次数(1、3、5 等等)正常播放,而在偶数次数(2、4、6 等等)向后播放。
注释:如果把动画设置为只播放一次,则该属性没有效果。
默认情况是,animation-direction等于normal。此外,还可以等于取alternate、reverse、alternate-reverse等值。它们的含义见下图(假定动画连续播放三次)。
image
8)animation-play-state
animation-play-state 属性规定动画正在运行还是暂停。
注释:您可以在 JavaScript. 中使用该属性,这样就能在播放过程中暂停动画。
语法
animation-play-state: paused|running;
paused 规定动画已暂停。
running 规定动画正在播放。默认值是running。
注:JavaScript. 语法:object.style.animationPlayState=“paused”
鼠标悬停的时候,标签就旋转;鼠标离开的时候,就停止旋转
body { padding:4em; background: #fcfcfc;}.wrap { width:200px; margin:auto; position:relative;}.msg { color: whitesmoke; text-align: center; font-family: serif; font-size: 3.5em; width: 200px; position: absolute; margin: 55px 0 0 2px; pointer-events: none;}.sticker { width: 200px; height: 200px; position: absolute; background: url(../images/sticker.png) top center no-repeat; animation: spin 10s linear infinite; animation-play-state: paused;}.sticker:hover { animation-play-state: running;}@keyframes spin { 100% {transform. rotate(1turn); } }jdfw
9)简写
W3C目前定义的简写顺序是这样的:
要使用简写在一个元素中定义多个动画,你需要使用逗号来分隔每个动画的属性值。比如在一个元素中定义两个动画需要这样写:
animation: myAnimation 1s ease-in-out 2s 4, myOtherAnimation 4s ease-out 2s;
注:时间顺序在定义每个动画的时候都是非常重要的:第一个值解析为动画持续的时间,第二个值解析为动画延迟的时间。
5.多个动画,一个对象
目前为止,我们讨论的都是为单个元素应用单个动画,但是我们可以为对象添加不止一个动画,只要我们需要。最常见的方法是动画一前一后,这样动画就可以一个轮着一个播放。巧妙地设置animation-delay属性的值可以让我们用纯CSS来完成这个效果。
我们让一个小奖章从左边滚入,然后在到达指定的位置前进行缩放。
jdfw
演示地址
6.实用示例
1)会动的播放按钮,演示地址
jdfw
2)向下滑动按钮,演示地址
jdfw1
-------------------------------------------------------------------------------------------------------------------------------------
完
(前段时间一直在做LDAP+POSTFIX相关项目,先把关于LDAP的一些经验写出来,一来可能会帮助一些人,二来对我自己所学知识也是一个巩固,) 先声明:我写的只是我对LDAP的一些理解,如果我的理解错误,那就是对兄弟们的误导。所以你可以直接看文章的结尾提供的几
(前段时间一直在做LDAP+POSTFIX相关项目,先把关于LDAP的一些经验写出来,一来可能会帮助一些人,二来对我自己所学知识也是一个巩固。)先声明:我写的只是我对LDAP的一些理解,如果我的理解错误,那就是对兄弟们的误导。所以你可以直接看文章的结尾提供的几个网址。
关于LDAP的概念随便网上有很多,我不想重复,这里只是说一下我自己的理解。
都说它是“轻量级目录协议”,太专业,我不懂,我只把它想象成“简单”的目录协议。
几个很重要的概念,以后会用到:
---------------------------------------------
dn :一条记录的位置
dc :一条记录所属区域
ou :一条记录所属组织
cn/uid:一条记录的名字/ID
---------------------------------------------
实际上更多时候我只把它看成数据库。我把它和我非常熟悉的MYSQL数据库做比较,通常会得到更好的理解:
MYSQL用“表”储存数据,LDAP用“树”
MYSQL指定一条记录要3个条件:DB、TABLE、ROW。
LDAP却更自由,为什么呢?因为LDAP数据是“树”状的,而且这棵树是可以无限延伸的,假设你要树上的一个苹果(一条记录),你怎么告诉园丁它的位置呢?当然首先要说明是哪一棵树(dc,相当于MYSQL的DB),然后是从树根到那个苹果所经过的所有“分叉”(ou,呵呵MYSQL里面好象没有这DD),最后就是这个苹果的名字(uid,记得我们设计MYSQL或其它数据库表时,通常为了方便管理而加上一个‘id’字段吗?)。 好了!这时我们可以清晰的指明这个苹果的位置了,就是那棵“歪脖树”的东边那个分叉上的靠西边那个分叉的再靠北边的分叉上的半红半绿的……,晕了!你直接爬上去吧!我还是说说LDAP里要怎么定义一个字段的位置吧,树(dc=waibo,dc=com),分叉(ou=bei,ou=xi,ou=dong),苹果(cn=honglv),好了!位置出来了:
dn:cn=honglv,ou=bei,ou=xi,ou=dong,dc=waibo,dc=com
一个有名的画家说过:“世上没有相同的2个鸡蛋”。当然也没有相同的2个苹果……,同样,在LDAP里也不可能存在2个相同的dn。
LDAP数据填充原理:
一棵树的生长,要循序渐进,如果还没有长出某个分叉,就不可能在那个分叉里长出苹果(问:FT!苹果是长在分叉上的吗?答:为了便于理解,你就当它是吧),同样,LDAP数据库也要一步步的充实,举一个学校数据库的例子,我们将要把一个庞大的学生档案放到LDAP里,大致需要这么做:
---------------------------------------------
1、建立“树根”,这是通过修改“slapd.conf”来实现的,由于现在的目的是理解,所以具体步骤就不说了,反正就是在这一步建立了一个“dc=ourschool,dc=org”这样一个“树根”。 注意:我把它理解成“目录”,或者“容器”,甚至它本身也是文件(苹果)的特殊形式,熟悉LINUX文件系统的朋友会更容易理解。
2、建立18个系,分别是“dn:ou=computer,dc=ourschool,dc=org”、“dn:ou=film,dc=ourschool,dc=org”……
3、当然是在每个系里面建立专业,比如“dn:ou=linux,ou=computer,dc=ourschool,dc=org”……
4、(开始长苹果吧!)加学生喽――“dn:cn=stan,ou=linux,ou=computer,dc=ourschool,dc=org”……
5、已经完成了吗?对了!学生的详细信息还没有呐!不过先这样吧,反正记录是可以编辑的,
---------------------------------------------
LDAP记录的详细信息
dn:cn=stan,ou=linux,ou=computer,dc=ourschool,dc=org
objectClass:organizationalPerson
cn:stan
cn:小刀
sn:小刀
description:a good boy
(以上是一条记录的信息,如果把他保存成LDIF文件,可以导入到LDAP数据库中)
上面不是说没有学生详细信息吗?怕你着急,就马上写出来了,只是还没有导入到LDAP里,那是以后的事。这里我先就你可能会产生的疑问做回答。
---------------------------------------------
Q1:“cn”不是在“dn”里定义了吗,怎么又在后面重新定义了? 答:你要把“cn=stan,ou=linux,ou=computer,dc=ourschool,dc=org”看成是一个整体,它只是属性dn的值。
Q2:怎么后面有2个“cn”,我以哪个为准? 答:区别于普通数据库,LDAP每个属性一般可以具有多个值,这样不好吗?你在学校数据库里找我的时候,只要记得我的一个cn就可以了,用“cn=stan”或“cn=小刀”都可以找到我!
Q3:就这些属性了吗?我都不知道你是男是女。 答:先声明,偶是男地。 LDAP对记录的属性做了严格的限制(这一点我不太喜欢),也就是说,你可以用哪些属性,哪些属性不能为空,哪些属性最多只能有一个值等,他们都给你规定好了。 幸好你有选择的权利,比如这次我们是储存学生信息,那么我们就定义一个“objectClass:organizationalPerson”,这样“organizationalPerson”这个类所规定的所有属性我们都可以用了,而且确实很适合我们。 虽然这个类中没有“sex”这个属性,不过你完全可以用一个“空闲”的属性来顶替。 如果我们能自己建立“类”就更好了,但目前我还没有时间去研究这个东西,我也期望高手指点啊 :)
---------------------------------------------
好了!看到我贴的图了吗?那是我偷别人的,差不多能用我就不自己画了 :)
##############################################################
关于安装配置LDAP,使之储存系统用户,这里有一个非常好的网址,如果你的英文不是很差,都应该做的来,我偷个懒,就先不写这方面的东西喽:
www.mandrakesecure.net/en/docs/ldap-auth.php
上面的方法我已经试过,是可行的,如果兄弟们配置的时候出现问题我们可以讨论讨论。
关于LDAP+POSTFIX,POSTFIX里的“LDAP_README”中介绍的很详细,我再说就是重复了。
##############################################################
其它相关资源:
yala (很实用的数据库操作工具,简单的说,他就是MYSQL的phpmyadmin,自己找下载地址吧~)
www.openldap.org/ (说实话,我一直没用上它,不过它是 ,不提也不好)
ldap.akbkhome.com/ (什么‘类’下面有什么‘属性’,在这里找)
怎样理解掌握知识与发展智力相统一
掌握知识与发展智力相互依存、相互促进,二者统一在教学活动中。掌握知识是发展智力的基础,学生认识能力的发展有赖于知识的掌握。智力发展是掌握知识的重要条件,学生具有一定的认识能力,是他们进一步掌握文化科学知识的必要条件。学生掌握知识的速度和质量,依赖于学生原有智力水平的高低。掌握知识与发展智力相互转让的内在机制。
知识与智力的相互转化,应注意条件:传授给学生的知识应该是科学的规律性的知识;必须科学地组织教学过程;重视教学过程中学生的`操作与活动,培养学生的参与意识与能力,提供学生积极参与实践的时间和空间;培养学生良好的个性品质,重视学生的个别差异。
★ 有关理解作文素材
★ 亲情与理解作文