css学习经验与心得

时间:2024.5.9

关于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学习经验与心得

常用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分钟,后期时间很宝贵。

三是计划,计划是效率的保证,明晰的计划可以节省很多时间。我在高三准备了一个计划本,每天在公共自习前写上语数外政史地六科的任务,然后按老师的要求和对自己的重要性标号,再按顺序完成,完成一项就打小红勾,每天睡前看着满满的红勾,心里都会有种充实和满足。

四是心态,考试不仅是实力的比拼,也是心态的比拼。同台竞技,实力相若者成绩悬殊,大多源于心态的不同。不要回避挫折,失败最能磨练心态:心态波动,调整无力时及时找老师沟通,不要让内心的烦郁波及学习。

五是学科知识要做到先体系再细节,既整体把握,又掌握细节。如社会主义现代化建设这一节中,我们既要知道分为改革含义、背景原因、结果影响这些板块,有要牢固改革的过程。

六是树立一个明确的目标,高三后期有时会很烦躁,很乏味,需要你用目标做定海神针将心神稳定下来。我一直以北大光华为目标,每当受到挫折时,便会看看自己的誓言,提醒自己一路向北。这个目标不可高不可攀,也不可触手可及,他能通过你的努力得到,这样才会赋予你动力。

学习经验就说到这里吧。学弟学妹们,你们可知道,这些看似枯燥的经验里,蕴藏着学哥学姐怎样的心血啊!这并不是我一个人的总

结,而是多少代高三人的经验在我这里的积淀,是许多学长用汗水、泪水换来的经验教训。作为一个过来人,我衷心希望你们能够少走弯路,在前人的肩膀上走得更远。从这方面来讲,《试题调研高考状元笔记》可以说是汇聚了几代高三学长们的经验和教训,希望可以成为你们学习中良师益友,给你们提供非常宝贵的经验。

然而,有一点需要强调的:这些经验不能照搬照抄,不经三思不读书,不过大脑不学习。不是你看了状元的经验、笔记就能考上清华北大。经验,结合自身实际才能生效。而最好的经验,往往借鉴他人而产生,自我总结而形成。学习不单要脚踏实地,更要学会抬头看路,总结好自身的经验、方法,无疑是高考成功的捷径。

学弟学妹们,很快你们就要奔赴高考前线了。记得去年此时,我也曾忐忑,曾彷徨,但最终选择一路向北,拼搏到底。富兰克林说:“惟坚韧者始能遂其志。”坚持一年,前方将由荆棘变为坦途。而这一年中,将充满考验。初入高三时,我接连低迷:北大自主招生时,我再次失利:一模时,我卡号涂错,考了二百多名……成功哪里来的那么轻松呢?改用孙中山先生的一句话,欲得高考之幸福,必经高三之痛苦,而这痛苦,便是成长。挫折是人生宝贵的财富,在未来,你们不仅将收获高考成功的喜悦,更将收获精神磨砺后的升华!

最后,再送你们四个字:静、专、思、主。心静如水,专心致志,勤学善思,积极主动。我真心希望你们在明年高考中取得优异成绩!

更多相关推荐:
Access的学习心得体会

Access的学习心得体会我大学学的专业就是软件开发,编程和数据库都是必学课程,其中access数据库是重点学习,记得刚开始时用access编制数据库,感觉还比较容易上手。access数据库对那些不善于写代码的…

Access20xx学习心得体会

Access20xx学习心得体会时间:20xx-10-2112:20:22作者:bluebird摘要:我的ACCESS数据库终于设计完毕,从春节算起已经整整2个月了,其间经历了无尽的辛酸和痛苦,请教了太多的人,…

Access数据库实训心得

实训心得时光飞逝我们的实训生活就要结束了经过短暂的一个星期的实训我们学习到了许多以前不懂的操作知识也明白了实践的重要性更意识到了自己在计算机上还有许多不足而最让我感触深刻的是团队精神的重要在操作中我们遇到许多问...

asp学习心得

近几天正好有时间静下心来搞下技术研究便打算好好学习学习asp到网上到处找asp教程大多都是你转我我转你谬误不少有些连我这个asp的外行都能一眼看出最后我发现windows自带的教程都很不错看来我们还是没有好好挖...

Oracle APEX 学习心得

APEX简介这一部分主要使读者熟悉APEX的基本概念环境和使用本部分介绍了APEX主要特性三个组件应用程序构建器SQL工作室实用工具和四类用户本部分回答了以下问题什么是APEX用APEX可以做什么何时使用APE...

心得共享:Oracle经验技巧集锦

1删除表空间DROPTABLESPACETableSpaceNameINCLUDINGCONTENTSANDDATAFILES2删除用户DROPUSERUserNameCASCADE3删除表的注意事项在删除一个...

达内学习心得:oracle数据库笔记

达内学员oracle数据库笔记内容前言这份资料是结合老师笔记课堂案例TTS60课件以及个人的理解整理时间仓促如有纰漏敬请原谅Oracle数据库语法顺序selectfromonwheregroupbyhaving...

如何学习Oracle

如何学习Oracle给我的朋友们很多朋友经常问起学习Oracle的方法在这里我把写在Oracle数据库性能优化一书前面的话贴在这里供大家参考希望能对来这里的朋友有所帮助经常有朋友会问应该如何学习Oracle怎样...

Oracle的入门心得

Oracle的入门心得Oracle的体系太庞大了对于初学者来说难免会有些无从下手的感觉什么都想学结果什么都学不好所以把学习经验共享一下希望让刚刚入门的人对Oracle有一个总体的认识少走一些弯路一定位Oracl...

Oracle RAC培训学习心得

OracleRAC培训学习心得上周参加了OracleRAC培训课程课程介绍了RAC在数据库中的概念以及如何在LINUX系统下配置和管理使用RAC的数据库同时还介绍了如何在RAC环境中配置和使用自动存储管理ASM...

oracle学习心得

1创建序列语句CreatesequencecreatesequenceGLOBALPKIDminvalue100000000001maxvalue999999999999startwith10000000600...

Oracle分析函数学习总结(完成版)

Oracle分析函数总结冯智邦1rollup函数和Cube函数11rollup函数事例1111事例功能说明功能完成玉溪市公司各县合同种植面积合同量统计功能优点SQL简单减少合计列的平凑工作112SQL语句sel...

access学习心得(5篇)