非常选择,非常 Match
By admin|读书笔记|Be the first to comment!

各位好朋友,刚刚又看了一本很棒的书《非常选择非常match》美国的尼尔-克拉克-华伦先生著该书在美国畅销50万册,并翻译成13种语言在不同国家出版。
作者华伦博士有30多年婚姻辅导经验,帮助过上千对单身男女与夫妇建立美满婚姻。
看了这本书,回想自己的恋爱经历,真的发现自己的很多做法都是随心随性的,很多事情自己没有标准,没有方法。看的很震撼!各位还没有结婚的朋友们认真的读读下面这些文字吧!细细的体会,会对我们的感情生活有很大的帮助的。已经结婚的朋友们,好好对照,积极调整和改进,希望每一个人都能够拥有持久,欢乐的爱!“单凭运气或者直觉,就可以找到合适的另一半么?美满的婚姻,带给人极大的喜悦和满足,是许多人向往、追求的目标。但是随着现在离婚率的不断攀升,我们发觉,择偶是一项愈来愈艰难的挑战!择偶,其实也需要技巧和学习,具有30年丰富婚姻辅导经验的华伦博士,
在辅导过程中发现,选对结婚对象,比婚姻中一切的努力还重要,这是婚姻幸福与否的关键。!”他根据最新的科学研究,和经得起时间考验的古训,
归纳出十个有效的择偶原则,帮助未婚男女作出明智的决定,将婚姻建立在稳固的根基上。该书提供的原则,可以增加你拥有美好婚姻的机会,
让你在选择结婚对象时,有更大的信心与把握,未婚男女请勿错过!
选错对象有原因
“大多数的人都渴望拥有美满幸福的婚姻,但许多男女常在择偶时就选错了对象,以致婚姻破碎,失败,甚至走上了离婚之路,其实只要在婚前仔细检视,
避开下面这7个容易导致婚姻失败的原因就比较可能建立一个稳固的婚姻”
1、 太快决定结婚;
当两个人才交往几周或者几个月,就准备要作关乎一生幸福的结婚决定时,这样的决定是幻想大于实际。结婚的决定若做得太快,会给婚姻带来很大的危机。根据研究表明:交往超过两年才结婚的夫妇,对婚姻的满意度普遍较高,而交往时间较短的夫妇,对婚姻的满意度则有很大的差异,有的很满意,有得很不满意,因此,较长的交往时间可以减少许多婚姻失败的机率。
2、 太年轻就决定要结婚
根据调查,20岁以前结婚的夫妻,离婚率非常高;事实上,二十一二岁年轻夫妻的离婚率,是二十四五岁夫妻的两倍。
年轻人应该等到多大才结婚呢?有很多不同的考量因素―――成熟度、谋生能力、教育阶段等等。就统计数字而言,过了25岁再结婚,婚姻比较稳定。事实上,根据最新的研究指出,婚姻稳固的人大多是28岁才开始约会。
3、 一方或双方急着结婚
人们有急于结婚的冲动,大多是因为对即将来临的婚姻大事感到兴奋不已。没错,结婚很令人幸福,但当两个人被幸福冲昏了头脑时,往往没想到婚姻中有许多沉重的要求,她们匆匆做的这个决定,可能经受不起时间的考验。急着想结婚的心态很容易被看出来,这是导致婚姻失败的一个原因,从一开始就要避免。象婚姻这样的终身大事,需要想的很清楚,一点也急不得。
4、 一方或双方为了讨好某人而选择一个对象
有些人选择一个对象是为了讨好父母或者某位重要人物,就会感到十分不安。这样做根本就行不通。想作一个好的决定,你必须考虑自己的需要、梦想和人生目标,而不是别人的。
别让任何人替你择偶,别让自己为了讨好他人而选择某位终身伴侣,这是你的婚姻,你一生只有这么一次机会!
5、 双方认识的层面太窄
很多人双方认识了很久,交往了很久,但是认识的层面还是非常窄的!尽量扩大两人相处时的经验是很重要的,要花时间和你未来要结婚的对象相处,有时挑早晨,有时挑晚上的时间。经历交通繁忙的塞车时刻,也经历乡间小路上的尽情奔驰。经历压力大的时候,也经历轻松的时刻。观察对方怎么和孩子玩、做家事和处理财务。
6、 两人有不切实际的期待
事实上,婚姻需要努力去经营,你一定会遭到各种痛苦和问题。不管你的婚姻多么美满,仍然有许多个人的挑战在考验你的耐力。你若期待你的婚姻会有所不同,无疑是自找麻烦。很多人的婚姻失败,是因为两个人期待婚姻生活如诗如画―――爬满常春藤的小屋、在沙滩上散步、浪漫的情调和不止息的欢乐。但是这很多是不切实际的。
7、 一方或双方有一些言重的个性或行为问题
如果你的结婚对象在个性或者行为上有一些令你质疑的特质,例如:嫉妒、坏脾气、不负责任、不诚实或者固执、不可靠、易怒、吸毒、酗酒、花心。一定要先正视对方是否有严重的个性问题,先把问题解决再谈婚姻,否则婚姻将隐藏很大的危机。
以上七个危险讯号中,到底可以违反几项而不至于太冒险?很不幸的答案是:一个也不行。以上七个原则,一个原则也不能违背!明智择偶会带来极大的收获,你的努力一定会有回报!只要好好考虑这七个重要的问题,就很有可能建立一个美满的婚姻,为家人提供一个健全的环境。
具体描绘你的理想情人
越清楚的描绘出心中理想对象的形像,就越有可能找到这个对象,根据10个重要的特质,在勾勒理想配偶的图像时可据此考虑,并按重要性依序排列,这样,“理想伴侣”的图像就会越来越清楚。
一、个性;
1、 你希望你的配偶个性安静、有点害羞,还是爱说话、爱交际?
2、 你比较喜欢个性拘谨、思想有条理的人,还是大而化之、不拘小节的人?
3、 你容易被风趣的人,还是严肃的人吸引?
4、 你喜欢坚强、独立的人,还是一切都让你做决定的人?
5、 你喜欢委婉的人,还是直率的人?也就是说,你喜欢温柔的、很少生气的人,还是毫不隐藏想法和感觉的直肠子?
你需要选择一个跟你个性合得来的人。
二、聪明
没有人想跟一个智力差距太多的人结婚,但你恐怕也不想和一个天才结婚。事实上,很多高智商的人往往人际关系不佳。最近的一项研究表明,在稳定的婚姻中,通常两人的聪明程度相当,也就是说,双方聪明程度相近的婚姻情况最好,不管智商是很高、中等或低于平均。人有不同的聪明类型和程度。你不妨想一想,你希望你的对象有多么的聪明,以及具备什么样的聪明。你希望你的配偶具备什么样的聪明―――分析方面还是直觉方面?你比较喜欢理性还是感性的人?你喜欢跟你去看电影的人,会分析那部电影想要表达的讯息,还是分享那部电影给他带来的感受?
三、外貌
不同的文化,不同的地区和不同的人,对外貌会有不同的标准。你要把自己所欣赏的类型和大众媒体所呈现的品味做个区隔,自己决定你所喜欢的外貌。
四、企图心
很多男女,企图心差距太大是她们婚姻的“头号杀手”。如果双方都想过着轻松的生活,这倒没什么不好,但是需要双方都同意。相反的,如果她们都想要买大房子,开高级轿车,并且经常出国旅游,那两个人对事业的太多就要一致,才能达到这些目标。若夫妻二人有不同程度的企图心,就可能导致强烈的挫折感和冲突。但当两个人的企图心程度相当时,就会更同心,一起努力去完成她们的梦想和目标。
五、吸引力
想要拥有长久。美满的婚姻,吸引力是一项关键的因素。
六、灵性层面
信仰和美满的婚姻有很大的关系。相同的信仰背景对婚姻很重要,因为两人会有共同的传统和习俗。但是这不是特指宗教。而是指灵性层面。
宗教通常是指外在的形式―――去哪个教会?采用什么形式?遵循什么传说?而灵性层面是指内心深处的信仰和信念。有信仰的人会关注内心世界,她们知道人生的深度不仅止于所见所闻,她们会到内心去找答案,而一般人则往往从外面的世界去找答案。
七、品性
很多夫妻一方出轨背叛的故事很普遍,很多夫妻关系因为其中一方面的说谎、欺骗、不负责任、不尊重或怠惰而导致感情破裂。坚韧不拔和前后一致的性格,是稳定、长久、美满婚姻的必要条件。
八、创意
不只有艺术家、诗人和音乐家可以表达创意。在平凡人中最常见到创意的发挥。真诚的爱加上创意,恋人就可以尽情享受在一起的时光。
九、为人父母的能力
妻子和丈夫如果懂得如何教养孩子,能够持续的教导孩子、爱护孩子。双方最欣赏的是她们对每一个孩子都给予无条件的爱,可以让孩子们自由的表现她们独特的一面。
配偶对于家庭生活的贡献,是维系幸福的一个很重要的层面。找到一个同样重视家庭的伴侣是很重要的。会让你的人生更加丰富。所以当你想到要为人父母这件事情的时候,要留心这样的人选
十、真诚
真诚是指:能够完全做你自己;能够坦白说出自己的意见,并且喜欢自己。
一个美满的婚姻需要夫妻双方都真诚至性。美满的婚姻需要双方都有稳定的情绪,当两人能忠于自己,忠于对方,情绪自然会稳定。
按照上面的10个方面,去描述你心中的理想情人的图形吧!
并且按照你所认为的重要性来排序,这个人不可能是十全十美,但是要具备大多上面的的内容,婚姻才会美满幸福。
共同点是婚姻的资产,夫妻越相似,婚姻越容易美满
很多研究结果都非常的一致:最稳定的婚姻都是夫妻两人有许多相似之处。
婚姻幸福的夫妻在一般性的活动、亲和力和人际关系上都很相似,但婚姻不幸福的夫妻往往有差异。临床研究表明,相似之处跟婚姻的幸福有关系,跟婚姻不幸福和离婚较没有关系。证据显示,单是个性的差异就会导致婚姻不幸福和离婚。
每个相似之处都是一项资产
大家一定要相信这一点:
对夫妻来说,相似之处就像银行里的存款,而不同之处就像负债。当两个人背景相似,就占有优势;习性相近,感情经营起来会比较容易。
现代人难有共同点
从1950年到1980年,美国的离婚率升高了3倍。在这段时间里面,美国发生了巨大的变化。在这么多改变中想要找到一个合得来的伴侣,情况更加复杂了。如果两个人是在不同的地区长大,生活习性、社会经济背景、成长的信仰环境和家庭看法都各不相同,我们怎么能期待她们会很顺利又很容易的相处?无数的夫妻存在着极大的差异。
美满婚姻必须具备的五项共同点
若大部分的夫妻是在彼此共同点较少的情况下结婚,那么哪些共同点是美满婚姻绝对必备的。
相同点就是资产,而不同点就是负债。
1、聪明才智
如果双方的聪明才智相当,可以大大减少婚姻中的压力。夫妻的聪明才智(并非指教育程度)需要旗鼓相当,对事情要能够有类似的看法和意见,如果其中一方常常觉得被误解,或者觉得对方在言语上面有轻视的意味,就会引发各种不满情绪。研究显示,当对方的智商接近时,婚姻往往比较稳定。重点不在于两人有多聪明,而在于两人的智商有多接近。
2、价值观
有很多价值观是需要夫妻看法一致的,例如当两个人同样重视信仰和家庭生活,对婚姻就大有帮助,如果彼此不同意,就会产生紧张的摩擦。当其中一方喜欢去教会,参加各种教会活动,而另一方则对信仰完全没有兴趣,这桩婚姻一定会有麻烦。这是一个立场强烈的基本问题,久而久之可能就会导致频繁的冲突。
3、亲密度
是指语言上的亲密,不是就性生活而言。若两个人喜欢相互亲近,完全分享彼此的生命,这个资产可以帮助她们克服诸多不同点。
4、兴趣
当两个人喜欢在一起做某事时,就比较有机会可以快乐的生活在一起。跨类的兴趣更好,例如:如果双方有五种共同的兴趣,但都是属于运动方面,倒不如双方有五种不同的兴趣,比如说欣赏音乐、运动、作木工、看电影和阅读。
5、对角色的期待
这表示双方对于婚姻和家庭中的责任有一致的看法。只要两个人同意工作的分配和角色的界定,选择怎么做并不重要!
会带来婚姻麻烦的四种不同点
1、精力状况
当一方精力充沛时,而另一方体力不佳时,就潜藏了大问题。精力的差异几乎可以在各方面浮现出来,有时是在卧房里面,妻子比先生有更常渴望有亲密的肉体关系,但先生没有精力。或者在人际关系中也比较明显,先生喜欢和人接触,但是妻子只想呆在家里看书。有时则是在家中待做的事项上,妻子列出一长串房子需要修理的地方,但先生累得只想看电视放松一下。
2、个人习惯
当两个人在这方面不同时,夫妻的感情渐渐会受到影响。例如:准时性、整洁性、条理性、依赖性、责任感和体重的维持。在决定终身大事之前还要有很多习惯要好好考虑一下,例如:如果一方抽烟,但另一方不抽烟,这可能会是个问题。如果其中一方爱吃健康食品,而另一方则爱吃垃圾食物,这段关系就潜藏着一股压力。
3、金钱的使用
理财观念不同,也会使婚姻触礁。一方想要存钱,为未来做准备;另一方想要花钱,趁现在好好享受人生。这类的冲突有可能会摧毁婚姻,必须在婚前就清楚了解。
4、言语表达能力和兴趣
如果一方爱说话,一方爱安静,结果会怎么样?
如果一方想多聊聊,另一方想独处和安静,就会形成很大的压力!
如果一方在吃饭和打电话时说个不停,另一方沉默寡言,就可能引起很大的麻烦!
其他容易产生冲突的小事还包括:晚上睡觉时卧房的温度、明暗、什么时候上床、起床、电视或者收音机的音量、用什么语言来表达情感和想法最自在、要看什么电视节目、要去哪里度假等等!以上任何一方面的差异都会给双方的感情造成很大的伤害!所以婚前进行彻底评估彼此差异非常的重要,
很多人是在度完蜜月之后说:“糟了,我做错了。我选择错了!”吸引你的特质反而让你抓狂
“起初爱上他的无微不至,后来却因为他没有给你足够的空间而抓狂!”
“起初爱上他有企图心,后来却因为他满脑子工作而抓狂!”
你最爱的特质,往往会开始让你却步,引发最严重的争吵,最后使关系破裂。
“起初爱上他的见解,后来却因为他懂得太多而抓狂”
如果对方吸引你的特质,跟你自己的特质很不一样,你最好小心!目前几乎每一项心理研究都指出,找一个跟你很象的对象很重要!
那些最持久的最美满的婚姻,夫妻双方往往十分相像。
研究结果显示,跟一个和你相像的人在一起会最快乐。心理健康影响婚姻
一个美满的婚姻需要两个健康的人才能长久维持,而使自己将康的最好的时机是在婚前,这里所指的健康不是指营养和身体健康,二是男女双方在情绪和心理上的健康,这两方面对婚姻的稳定和幸福有很大的贡献。事实上,当一对夫妻中有一个人或者双方的心理不健康时,势必会伤害甚至摧毁他们的婚姻。
5种常见的心理问题类型
1、怒气控制不当
很多夫妻离婚是因为无法有效的处理怒气。2、自恋:
自恋的意思就是对于自己过度迷恋。自恋的人不可能有美满的婚姻。学者安柏斯比尔斯曾经定义婚姻为:“由一个丈夫一个妻子和两个奴仆组成的二人团体。”换言之,在婚姻中,双方必须彼此服侍。 自恋的人根本不觉得需要照顾别人,他们所有的注意力都放在照顾自己身上。3、焦郁症或交替性格错乱
这样的人不仅自己受苦,也让别人受苦。他们的心情就是高兴和忧郁不断轮替,心情好时,就很热心、有企图心、乐观、温暖、充满活力;但心情不好的时候,,就悲观、想法消极、懒散、好批评、难以相处。反复无常的情绪会带给婚姻很大的杀伤力,你若怀疑你的对象有躁郁症,最好在婚前就让医生诊治。4、上瘾。(酒瘾、赌瘾、毒瘾、放纵情欲都是很严重的问题)
你若想走入一个不满地雷的婚姻,就找一个有不良嗜好的人结婚。当一方沉溺于某种嗜好时,婚姻几乎抵不过其破坏力。5、与父母的关系
心理健全的基本要素
第一、健全的人心中要有一种安全感,他们不会一直担心自己的价值受损,所以不会老是注意自己有没有作对,好博取别人的接纳,并觉得自己有价值。
第二、健全的人会很尊重真理。
第三、健全的人在前往真理的道路上需要收集各种资讯,广纳所有的资料,所以他们会仔细聆听,想知道你真正的想法。
第四、健全的人会衡量所收集到的资讯。他们深受良好的道德的影响,这个价值体系掌管一切决策过程,帮助他们谨慎衡量各项资讯的价值。
第五、健全的人会忠于自己,面对自己收集到的所有资讯,他们要做一个最接近真理的决定。带着勇气和全然的决心,尽可能坦白陈述自己的立场,然后坚守自己的立场。
促进心理健康的四大妙方
1、找到一个能提供无条件之爱的源头,是你童年时所需要的那份爱;
2、学习爱你自己:单有某个人爱你还不够,你必须接纳自己,相信自己是一个值得被爱的人。
当你这么做时,就会发现你不需要捏造一个假象来讨好某个人,赢得他的爱。你可以做你自己。
3、找一个会不断鼓励、启发、聆听和挑战你的人;
每个人都需要好朋友,因为我们每一个人都无法完全了解自己内心深处的情绪、感受和想法,我们需要有人帮助我们厘清自己的想法和感受,以及面对的问题
4、交一些能够帮助你坚定立场、忠于自己、并对自己的处境有安全感的好朋友;
我们都需要能够同舟共济的朋友来鼓励我们,加强我们薄弱的自信心与提升我们的勇气。
我们需要有不断提供支持的朋友,帮助我们走向正途,以免我们又走回以前不健康的老路。
这些方法可以使我们变得更健全。
我们需要重新体会”被父母疼爱“的滋味,透过真正健全的人,用亲切,有爱心和体贴的态度来爱我们。
这些人通常是我们的朋友或者家人,但有时我们需要的是有专业素养有爱心的医疗师!
不管你怎么做,不管你找谁帮助你,重点是你要在婚前就让自己成为心理健全的人。
你越健康你的婚姻就会越健全!
The Present
By admin|读书笔记|Be the first to comment!
同学推荐,
阅读之后,
虽感简短,
然而真正修正落实到日常点滴中,
还是有难度的。
必须,时常铭记在心,
把握此刻!
这本书,还是蛮美的,作者以讲故事的方式,带你慢慢的领会,“活在当下,从过去学习,,制定目标实现将来的计划”的 生活方式。
只要拥有一颗学习的心,每日,每日,每日的提醒自己,把握此刻,就能够融入为你的生活习惯。
那样,会很好的….
The present,
yesterday is history
tomorrow is a mystery,
today is a gift,
that’s why we call it the present!
人生最珍贵的礼物就是:把握此刻!!
一份让你今天就变得更快乐,更高效,更成功的礼物。
礼物,利用此时此刻来享受工作和生活的三种方法!把握此刻,
当你想过的更快乐更高效的时候,专注于现在好多方面,并全力做好现在最重要的事。向过去学习,
当你想让现在比过去更好的时候,审视过去发生的事情,从中吸取经验教训,今天就采取不同的做法。着手创作将来,
当你想让将来比现在更好的时候,想象一个美好的将来是什么样子的,制定一个切实可行的计划,今天就做些事情使之成真。明确你的目标,发掘让你的工作和生活更有意义的方法。
礼物就是把握现在!
礼物就是向过去学习!
礼物就是着手创作将来!
礼物就是把握此刻,全神贯注于正在发生的事,珍惜和欣赏每天得到的东西。
当你全身心投入你正在做的事情时,你的心思就不会游离不定。
你享受生活。你也会更快乐更有效率。
你下决心只关注那一刻发生的事情。
那种集中和专注将带领你走向成功.
即使, 在最艰难的环境中 只要你专注于此刻美好之事,现在 就能感到更加快乐
这将给你所需要的力量和自信
去解决任何不妙的难题
把握此刻 就不能分心旁顾, 而要专注于此刻重要的事情。你将注意投向此刻, 就创造出属于自己的此刻,
这也是你给自己最好的礼物。专注于此刻正在发生的事情。
发现其中好的方向,并在此基础上,建立信心和勇气。
将注意力放在此刻重要的事情上。
礼物就是向过去学习!
如果你没有从过去学到什么,你就很难让过去的事,真正的过去。
一旦你从往事中学到东西,放下顾虑,你的此刻便可得到完善。只要你在此刻,感到不快乐,只要你想更多地享受此刻,
这个时候,向过去学习,或着手创造将来。最好的方法是问自己三个问题,然后诚实的回答:
”过去发生了什么?“
”我从中学到了什么?“
”现在我可以做哪些不同的事?“审视你对过去发生的事,有怎样的感觉,从中学到宝贵的东西,再用你学到的东西,
让你今天的工作和生活更令人愉快。
你无法改变过去,但可以从中学习。当同样的情形再次出现,今天你可以采取不同的做法,变的更快乐,更高效和更成功。
礼物就是着手创作将来没有人能预知将来, 也没有人能操控将来。
但是,对你所期待的事情 ,想象的越清晰 ,并为之计划, 今天就做些事 ,使之成真,
你此刻的担忧就越少, 将来对于你也就更明确。尝试问这些问题:
”现在有什么是积极的,我对它们的感觉又是如何?“
”美好的将来是什么样的?“
“为实现这样的将来,我有什么计划?”
“为使之成真,今天我可以做什么?”你对期望中的将来描绘的越清晰,对实现这一切越有信心,就越容易制定计划。
从今天开始,描绘一个美好的将来是什么样子。
制定一个现实的计划。 并做一些事,使之成真。
把握此刻,向过去学习和创造将来,你的人生会变得更美好。有目标地工作和生活是一种存在于日常生活中的实际态度。
把握此刻,向过去学习和着手创造将来并不是全部。
只有当你的工作和生活有了明确的目标, 并对现在,过去和将来重要的事作出回应的时候,一切才有意义
你会如何行动,取决于你的目标。
当你想过得更快乐,更高效,这个时候,就要把握此刻。
当你想让现在比过去好,这个时候,就要向过去学习。
当你想让将来比现在好,这个时候,就要着手创造将来。
当你有目的地工作和生活,并认真做好今天最重要的事,
你就能够更好地领导,管理,支持别人,也能成为更贴心的朋友和爱人。每个人都有足够的知识,资源和能力着手创造自己的将来。
就在今天! 更成功是指更大限度地成为你能成为的那种人。
我们每个人对于成功都有各自不同的定义。
盒模型
起因: 被问到,盒模式在不同浏览器有何差别?
我脑核顿时石化了!!
鸭的,如何组织自己的思维和语言,来阐述这个话题….
No way, 这话题不仅仅只是“ 有何差别?” 而是基本涵盖了所有的 CSS 知识。
脑海闪现的需要阐述的关键词是:
doctype,browsers, width, height, padding, margin, border, and content
小宇宙混乱….
来,理清下思路介绍这个问题吧:
- 盒模型是什么?
- 盒模型属性 / doctype,margin,padding,border,width,padding
- 创建尺寸 /width,height
- 处理溢出的内容 /overflow
1.盒模型是什么?
大家初步要先理解:在浏览器中,每一个元素都是一个矩形盒子的模式。
CSS 盒模型,就是是定义元素周围的间隔,尺寸,外边距,外边框,边框以及文本内容和边框之间内边距的一组属性组合。
如图 :
图源: http://en.wikipedia.org/wiki/File:W3C_and_Internet_Explorer_box_models.svg
2.盒模型属性
- 2.1 margin
- 2.2 padding
- 2.3 border
- 2.4 width/height
- 2.5 width,height的值为auto;
- 2.6 IE在Quirk模式下的宽度和高度
2.1 margin
margin:
margin-top, margin-right, margin-bottom, margin-left
现象:外边距折叠 (只有上下边距参与折叠,左右外边距不会折叠;)
1.
当一个元素的上或下边距,正好和另外一个元素的上或下边距接触的时候就会产生外边距折叠。
div
{
width:100px;
height:100px;
margin:10px;
}
如图: div上下之间,只有10px外边距,而不是20px;
2.
当一个元素被另外一个元素包含在里面时,也会发生外边距折叠。胜利的外边距应用到父元素,子元素的外边距。
如图:
div margin-top:10px;被 div2 margin-top:30px取代。

解决方案:防止两个外边距相互接触!可以通过对父元素使用padding或者border来防止
如图: 正常的,div1 外边距 mrgin-top:10px; div2 margin-top:30px;
接触的上下margin值,都取更大的值
- 用margin属性来水平对齐元素
居中或对齐元素
margin-right:auto;
margin:auto;
margin-left:auto;
如图:
好吧,margin这里有涉及到了,在ie6/7 的Quirk呈现模式下对齐元素
延伸:“浏览器呈现模式” 触发 Quirk呈现模式的文档类型声明列表。
用auto和margin属性实现对齐元素,在Quirk模式下不兼容。IE浏览器,这特性旨在标准模式下执行。
IE可以使用text-align 属性来对齐元素,在其他浏览器中不起作用。联想到垂直对齐元素
2.2 padding
- 内边距是元素的内容和边框之间的区域
- auto关键字对padding元素不起作用
- padding不支持负值,(margin可以)
- 不存在内边距折叠,只有外边距折叠
2.3 border
- border属性值用来同时指定盒子的四个边。
- border-color属性没有被指定时,颜色和color相同;
- IE6不支持border-color:transparent,默认呈现为黑色,继承color色值;
2.4 width/height
CSS1盒模式引入了width和heigh属性,CSS2扩展了,提供了最大和最小尺寸。
- width是左-右内边距距离。
- height是上-下内边距距离
2.5 width,height的值为auto;
- 默认width,height的值为auto;
- 默认情况下,块级元素在水平方向上会填满所有可用空间
- 块级元素:div,p,h1-h6,form,ul等
- width 占据所有可用空间 :“扩展适应”
- height,只会扩展到足够可以容纳元素中的内容:“收缩适应” ;【table】
- 根据应用元素类型的不同,auto值有不同含义。
- img : auto,允许图像显示原样; 设定width or height ,宽/高 比例缩放
2.6 IE在Quirk模式下的宽度和高度
在Quirk模式下,IE是个非常不同的浏览器
….省略一万字…..
在回到问题 : “盒模式在不同浏览器有何差别?”
写完文章后,我想回答,
“ 当你弄清楚,盒模式各个属性doctype,width,height,border,margin,padding;overflow;在不同浏览器下的呈现模式,像概数一样,再分别组合,
你就可以随意组合出上10种不同浏览器下,不同盒模式的区别了。”
感言:
技术是否是一个只可意会不可言传的东西呢?
因为,介绍技术,总是从属层级关系很强,介绍到从属,语言表述是多么轻量和混乱。
1.说提纲,例如:5个大提纲
2.再回溯到大提纲 .1中内容,
3.再者,提纲.1中,还有子提纲.1.01,.1.02…
I’m so complicated about this
延伸阅读:
Box model tweaking : http://www.quirksmode.org/css/box.html
The CSS box model: http://css-tricks.com/the-css-box-model/
- Absolute Boxes with No Width
- Floated Boxes With No Width
- Inline Elements are Boxes Too
智能手机Web标准开发实战
By admin|读书笔记|Be the first to comment!
豆瓣:
人生若只如初见
人生若只如初见,何事秋风悲画扇。
等闲变却故人心,却道故人心易变。
骊山语罢清宵半,泪雨霖铃终不怨。
何如薄幸锦衣郎,比翼连枝当日愿。
@深圳红树林,with Jolt,Mindy,JinJin 2012.02.05
数据存储
By admin|前端开发|Be the first to comment!
笔记
2010
Mobile Web前端介绍
By admin|移动设备|Be the first to comment!
2010.03
队友博客
Handheld Device
By admin|移动设备|Be the first to comment!
Handheld Stylesheets
http://css-discuss.incutio.com/wiki/Handheld_Stylesheets
Selected links
Introductory and practical
Cameron Moll: Mobile Web Design Four articles for better mobile web development, published in 2005, followed in 2007 by his really comprehensive book.
Opera Software’s Articles on mobiles Detailed advice on HTML/CSS coding, testing and design, not specific to Opera but applicable to all handheld design and rendering.
HTML and CSS for Mobiles Patrick Griffiths (HTML Dog) has written a good introduction to this subject. The comments from his readers indicate that correct support for media types in handheld browsers is often very deficient.
A List Apart #187 Pocket-Sized Design: Taking Your Website to the Small Screen covers the major practical considerations and suggestions on what to include in a Handheld Stylesheet.
The End-All Guide to Small-Screen Web-Dev by Heidi Pollack: a really comprehensive article on Web Monkey covering design considerations rather than CSS specifically.
7 steps to better handheld browsing Simon Collison looks at simple steps to make better sense of your site for handheld-device users.
To see which media type your browser is currently applying (and therefore the range of media types it’s capable of applying), see Tarquin’s Media Type test and HTML Dog’s test page.
More advanced
Targeting Small Screens An analysis by Douglas Bowman of Stopdesign on why support for media types on handhelds is so poor. He proposes the use of Javascript to invoke stylesheets according to the detected device width (but see also the CSS3 Media Queries link below). His solution is clever but there are inevitably several drawbacks. See the comments on the article for a useful discussion, a range of opinions and possible alternative solutions.
Creating Web Content for Mobile Phone Browsers Part1 and Part 2 This O’Reilly Network article covers the use of WML and XHTML but not CSS.
CSS3 Media Queries Candidate Recommendation (as at November 2007), providing a means of tailoring CSS to the particular capabilities/limitations of a device with a given media type. Opera has experimental support. The use of Media Queries can give your site greatly improved Fluid Design since, even within handheld devices, screen width can vary considerably.
The Wireless Universal Resource File (WURFL) How to figure out what mobile devices support what features.
Mobile Design The Mobile Design discussion list seeks to provide news, information, discussion and tips to the mobile user interface design community. The goal is to provide resources and understanding to designers new to mobile as well as to advocate creating user-centered experiences to the community.
Standards for Markup and CSS
If you are developing a site solely for handhelds you may wish to take a stricter (i.e. more limited, less ambitious) approach than if you want a conventional site to be viewable on handhelds also.
If you use HTML rather than XHTML, it’s essential to validate your code. Handheld browsers are likely to be less capable at recovering from invalid code than their very forgiving desktop counterparts.
The Open Mobile Alliance is a consortium of phone manufacturers that recommends “standards” for mobile phones. These “standards” should not be confused with W3C Recommendations – hence the quote marks. Its markup “standard” is:-
XHTML Mobile Profile 1.0 and 1.1, which lies between the W3C XHTML Basic and XHTML 1.0.
Its CSS “standard” is WCSS, roughly equivalent to the :-
CSS Mobile Profile 2.0 W3C Working Draft (as at November 2007), proposing a subset of CSS2.1 tailored to the needs and constraints of mobile devices.
















