关于CSS的学习经验和心得
1、网站(网页)做给谁看
人和电脑
人:客户
电脑:电脑(浏览器)、搜索引擎等
从客户的角度设计页面,从电脑的角度编写代码
2、网页分类与构成
分类:
从程序上讲,分为动态和静态
结构:
从代码结构上:
<!DOCTYPE html>
<html>
<head></head>
<body>
</body>
</html>
显示内容上:body又分为 top、 body和 end
3、网页制作流程
1、策划:了解需求,收集尽可能多的信息
2、设计页面:构思并设计页面
3、切割页面:根据设计稿进行切割,代码要尽量简洁,符合W3C标准。图片要在不影响美观的情况下尽可能小
4、测试修改:兼容性测试,修复bug。(浏览器的兼容性、火狐、IE、Opera、chrome、苹果等)
4、设计页面
结构排版:
Top:导航、logo、网站名称等(也有导航做到左侧的)
Body:主体内容,一般常见的是左右分栏
End:尾部声明,包括版权信息等
配色:
一般主要色系不超过三种,黑色和白色不算
如果色彩种类多,最好选选用比较好搭配的颜色,
参考网站(/lanren/color/20070523/color102857.html) 如果色系单一,最好要有对比色鲜明的颜色作为点缀色
16进制颜色码/view/644772.htm
其他:
Div尽量少于三层
网页主体宽度一般不超过1003像素
网页排版位置和眼睛之与脸庞的比例关系
合理使用H1、h2等
5、切割网页
什么是css:CSS 指层叠样式表 (Cascading Style Sheets)
CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。
基本格式如下:
selector { property: value}
(选择符 { 属性:值})
层叠次序
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
?
?
?
? 浏览器缺省设置 外部样式表 内部样式表(位于 <head> 标签内部) 内联样式(在 HTML 元素内部)
CSS+div,CSS+table
什么是div:和table一样,都是容纳文本和多媒体信息的容器
常用css标签:参考.cn/tags/index.asp Table
块级元素:
div
ul(ol)
li
P
h1、h2、h3.。。。。。。
行内元素:
span
a
strong
font
图片:
img
不需要刻意去记,用的时候试下就可知道,比如没有按定义的宽高展示即是行内元素。
比较常用的通用属性:
background(background-image,background-color):背景图片和背景色 float:漂浮
clear:
margin:外边距
padding:内边距
font-size:字体大小,还有字体family、weight等
(参考http://scentofflowers./blog/static/726902222009529585915/) 附:text-shadow:0 -1px 0 #374683 文字阴影效果,部分IE无效
height:行高
line-height:行高
text-align:文本水平位置
vertical-align:文本垂直位置
display:框的类型,常用block
overflow:溢出处理
position:位置
border:边框
z-index:堆叠顺序Z-index 仅能在定位元素上奏效(例如 position:absolute;) 特殊标签的常用属性
a : text-decoration
li: list-style:none
关于a的设为首页,加入收藏
<a href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('');" >设为首页</a>
<a href="#" onclick=window.external.AddFavorite(location.href,document.title);>加入收藏</a>
其他技巧:
全角空格字符大小和一个汉字一样
字体:中文基本用宋体,英文基本用arial
ps切图注意事项
插入视频:object 和embed
插入音乐:
导航:
焦点图等特效
6、测试修改
SS类级别的hack仅IE7识别 *+html {…}
IE6及IE6以下识别 * html {…}
opera、safari、chrome识别:
@media all and (min-width: 0px){…} //Firefox3.0.6不识别,但Firefox3.6也识别该规则,如果Firefox版本有严格要求,请使用下一条规则
@media screen and (-webkit-min-device-pixel-ratio:0){…} //IE、Firefox不识别该规则
仅opera识别:
@media screen and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0{…}
CSS属性级别的hack仅IE识别 : margin-left:10px\9;
仅IE8识别 : margin-left:10px\0;
IE6/IE7识别 : *margin-left:10px;
仅IE6识别:_margin-left:10px;
Overflow 、display等属性有时候可以起到意想不到的效果
视频被下拉菜单挡住问题http://mihawk-j./170440679.html
IE6支持png问题http://mihawk-j./170803475.html
第二篇:浅谈高三心得与学习经验
20xx年河北省文科状元 刘长佳
How time flies! 这看似不经意的一句话如今听来感慨万分。衡中三年一晃而过,
而高三生活最让人难忘。它充满坎坷,却又在挫折中成就了许多学子。下面,我就谈一谈我在高三的心得与学习经验。
首先,我先强调一下笔记的重要性,这是一个重点和提分点。 我们的学习过程其实就是在和错误作斗争。高考不排斥原题或相仿题。今年全国卷文综第12题考查五行,其实就是以前错过的题,但很多人再次丢掉4分。试想,如果做了很多套卷子却不订正,不改错,就只能算是原地踏步,你仍然在固守会的东西,却没有及时纠偏。因此,改错十分必要。
改错拒绝盲目,我认为它需要把握这样几个原则
一、节省时间。 很多同学经常花大节公共自习改错,往往挤压了练习和复习的时间。为避免费时,改错时可以回避低级失误,可以只改一种经典解法,自己不会的解法,可以改思路,可以粘贴……
二、学会升华。 许多同学只是就题改题,我觉得这只是改错的初级阶段。哲学上讲普特原理,由特殊性到普遍性,这在启示我们举一反三,归纳总结。比如节能减排,贸易摩擦,新农保等专题都可自己总结出固定的思路。
三、善于迁移。 看到以前的错题,要想到为什么错,想到出题人还可以怎样设陷阱。比如数学三角函数中运用均值不等式等号出
错,要明确等号成立条件,再想想下次还有什么注意的地方。
四、及时复习。 自己总结的笔记极其珍贵,万不可改的时候欢天喜地,改完之后弃如敝屣。自主复习期间复习笔记时间极为有限。高一二的笔记尽量在一二轮复习时看完,三四轮复习随纠随看,制定好计划。可在每次月考前看,可在每周末看,视情况而定,但绝不可浪费过去的心血。
总体原则说完了,从具体科目讲
语文: 多总结一些诗歌,阅读思路,一些新颖的语用。切不可把它变成字词本。
数学:分成三角,概率,立体几何,数列,导函数,解析几何六大模块,总结不会的,没见过的思路,用红笔标出关键步骤,卡壳步骤。
外语:不要只总结单选,经典完形、阅读语段以及改错都可积累。 文综:总结规律性思路,多改主观题,把遗漏点记录下来,看看是哪部分薄弱,哪种题型薄弱。比如我在长期改错中发现自几“认识类”题型答不好,便有意加强训练,高考中就有了收获。
就说到这里吧,下面我想与大家分享一下其他学习方面的经验。 一是反思。吾日三省吾身。反思中明确自己的优势和不足。刚上高三时,文综主观题是我的弱势,数学是我的优势,因此时间就向文综主观题倾斜了一些。每次考后也是反思的重要机会,反思上一阶段的薄弱环节,制定下一阶段的计划。我在高三时,习惯了每日睡前反思,并且给自己打一个分数。
二是效率,高三由时间战转为效率战,能在课上听懂绝不拖到课下。自习时制订计划限时训练,一道数学大题定的是15分钟就决不拖到40分钟,后期时间很宝贵。
三是计划,计划是效率的保证,明晰的计划可以节省很多时间。我在高三准备了一个计划本,每天在公共自习前写上语数外政史地六科的任务,然后按老师的要求和对自己的重要性标号,再按顺序完成,完成一项就打小红勾,每天睡前看着满满的红勾,心里都会有种充实和满足。
四是心态,考试不仅是实力的比拼,也是心态的比拼。同台竞技,实力相若者成绩悬殊,大多源于心态的不同。不要回避挫折,失败最能磨练心态:心态波动,调整无力时及时找老师沟通,不要让内心的烦郁波及学习。
五是学科知识要做到先体系再细节,既整体把握,又掌握细节。如社会主义现代化建设这一节中,我们既要知道分为改革含义、背景原因、结果影响这些板块,有要牢固改革的过程。
六是树立一个明确的目标,高三后期有时会很烦躁,很乏味,需要你用目标做定海神针将心神稳定下来。我一直以北大光华为目标,每当受到挫折时,便会看看自己的誓言,提醒自己一路向北。这个目标不可高不可攀,也不可触手可及,他能通过你的努力得到,这样才会赋予你动力。
学习经验就说到这里吧。学弟学妹们,你们可知道,这些看似枯燥的经验里,蕴藏着学哥学姐怎样的心血啊!这并不是我一个人的总
结,而是多少代高三人的经验在我这里的积淀,是许多学长用汗水、泪水换来的经验教训。作为一个过来人,我衷心希望你们能够少走弯路,在前人的肩膀上走得更远。从这方面来讲,《试题调研高考状元笔记》可以说是汇聚了几代高三学长们的经验和教训,希望可以成为你们学习中良师益友,给你们提供非常宝贵的经验。
然而,有一点需要强调的:这些经验不能照搬照抄,不经三思不读书,不过大脑不学习。不是你看了状元的经验、笔记就能考上清华北大。经验,结合自身实际才能生效。而最好的经验,往往借鉴他人而产生,自我总结而形成。学习不单要脚踏实地,更要学会抬头看路,总结好自身的经验、方法,无疑是高考成功的捷径。
学弟学妹们,很快你们就要奔赴高考前线了。记得去年此时,我也曾忐忑,曾彷徨,但最终选择一路向北,拼搏到底。富兰克林说:“惟坚韧者始能遂其志。”坚持一年,前方将由荆棘变为坦途。而这一年中,将充满考验。初入高三时,我接连低迷:北大自主招生时,我再次失利:一模时,我卡号涂错,考了二百多名……成功哪里来的那么轻松呢?改用孙中山先生的一句话,欲得高考之幸福,必经高三之痛苦,而这痛苦,便是成长。挫折是人生宝贵的财富,在未来,你们不仅将收获高考成功的喜悦,更将收获精神磨砺后的升华!
最后,再送你们四个字:静、专、思、主。心静如水,专心致志,勤学善思,积极主动。我真心希望你们在明年高考中取得优异成绩!