css基础知识学习笔记

2024-07-01

css基础知识学习笔记(精选9篇)

css基础知识学习笔记 篇1

【黑马程序员】PHP课程同步笔记day05:CSS介绍(二)CSS内边距属性:padding填充

Padding:一个数字,指的是四个方向是一样的(上右下左)

Padding的四个属性:

 Padding-top(上内边距),padding-right(右内边距),padding-bottom(下内边距),padding-left(左内边距)Padding:当padding后有两个数字时即Padding:10px 20px;指的是上下内边距为10px,左右内边距为20px 注意:两个数字之间有空格。

Padding:当padding后有三个数字时即Padding:10px 20px 30px;指的是上边距10px,下边距的填充为30px,左右边距为20px;Padding:当padding后有四个数字时即padding:10px 20px 30px 40px;按着顺时针方向。(上右下左)注释:不允许使用负值。代码:

new document

抓住眼前的人和事,不要再去为那遥远的虚无缥缈耗费心思,做你该做的事,不要为别人,与自己没关系的事,费劲自己的心思,不要活在过去里,无论你有任何的伤痛,回忆只会带给自己无穷无尽的苦恼,走出痛苦,活在当下,人生路很长,我要走好。

css基础知识学习笔记 篇2

联合国教科文组织发布的报告《学习:内在的财富》, 提出了学习的“四大支柱”, 分别是学会求知、学会做事、学会共处和学会做人, 即学习者应该有意识地去学习, 知道自己要学什么以及学习需要具备的方式方法。心理学家赫伯特·杰乔也曾说过, “未来的文盲, 不再是那些不会阅读的人, 而是那些没有学会怎样自主学习的人。”自主学习举足轻重的地位是显而易见的。随着大数据时代的到来, 网络作为一种获取信息的重要途径, 越来越受到学习者的欢迎和青睐, 这种学习方式具有快捷性、多样性、互动性等特点, 但是, 面对海量的信息资源, 学习者更要学会根据自己的学习目标, 选择有效的信息, 积极主动地面对学习中的困难, 即学会自主学习。因此, 本文提出借助有道云笔记创建的学习环境, 在大学生自主学习中能够更好地对信息进行综合处理, 将个人信息及时共享成为集体资源, 从而使传统的E-learning学习方式更加完善。

●知识管理概述

个人知识管理概念最早是美国的P. A. Dorsey教授提出的, 他认为“个人知识管理应该是一套既有逻辑概念层面又有实际操作层面的解决问题的技巧和方法”。[1]个人知识管理是用计算机技术、通讯技术和网络技术帮助个人有效地管理飞速增长的信息, 是把个人认为最重要的且将成为个人知识库的信息进行整合的框架, 它为那些零散的、随机的信息转换成可系统利用的和可扩展的个人知识提供了一种策略。[2]

学习者的个人知识管理可以理解为学习者针对学习目标进行知识获取与存储、知识共享与开发、知识利用与评价的过程。目前, 处于信息爆炸的时代, 信息呈现数级增长的态势, 为我们带来了不可避免的问题——信息超载。为了适应社会的发展, 优化知识结构, 提高工作效率, 个人对知识的有效管理就显得尤为重要, 有道云笔记的应运而生, 为我们的知识管理提供了新方法和新途径。

●网络自主学习的概述与存在的问题

信息化社会的学习早已经不是一个被动地接受知识的过程, 而是要求学习者积极主动地发现知识的过程。庞维国教授认为, 自主学习强调个体独立、主动、自觉和自我负责的学习, 强调对学习的自我定向、自我监控、自我调节和自我评价。文献研究表明, 有些学者将网络自主学习理解为一种学习能力, 荷兰学者Monique Boekaerts认为, 教育的核心就是培养学习者的自主学习能力[3], 美国的Christopher A. Wolters博士把网络自主学习看作是21世纪的核心能力。[4]自主学习在学习者的网络学习中的重要性是显而易见的, 但是在学习者的网络自主学习中, 存在着知识结构化、知识存储和知识共享三大主要障碍。

在这样一个信息爆炸的时代, 我们可以通过互联网、媒体、手机和平板电脑等方式, 轻而易举地获取信息, 除非具有一定的意识去回避, 大部分都会在某种程度上受到信息的影响, 成为信息的动物。学习者一旦在信息流中迷失, 没有将高质量的信息收集并记录下来, 没有把自己的心得体会与感受及时地记录下来, 可能会浪费光阴、手忙脚乱, 也不利于知识结构化, 即将隐性化的知识显性化。通常情况下, 学习者采用纸质的记录方式来保存信息, 但这种方法不但浪费能源还容易丢失数据, 更提不上同步化的知识存储了。新时代更加推崇学习者之间的探讨与协作, 建立一个交流与共享的平台是学习者获取知识的另一个重要途径, 通过与他人的沟通来激励自己、激发灵感、反思自我等。近年来, 数字化笔记本工具应运而起, 其中, 有道云笔记的应用可以实现学习者在网络自主学习中的知识管理, 完善了E-learning的学习形式。

●有道云笔记在学习者个人知识管理中的应用

有道云笔记作为数字化笔记本工具之一, 是一个对学习者的学习方式、合作方式具有深远影响的笔记软件。它是专为国人量身制作的App, 不仅能够随时记录工作、生活, 还可以将某些重要的东西备份至有道提供的免费云上, 随时存取方便至极[5], 避免了大家花费大量的时间去回忆遗忘了的事情, 提高了生活质量和学习、工作的效率。

目前, 有道云笔记支持大部分主流平台系统, 包括Android、Windows、iPhone、iPad、iPod、Mac等, 同时, 有道云笔记还支持Web版和网页版, 只要是可以上网的设备即可在浏览器中进行操作。它为使用者提供一站式信息管理, 帮助用户告别数据线, 消除了文件传输的烦恼, 一个设备上记录, 在多个终端都可以查看, 还支持远程注销和删除数据。只需要注册, 就可以免费拥有2GB云存储空间, 用户也可以根据自己的需要来获取更大的存储空间。因此, 用户可以通过有道云笔记软件来记录个人计划、自身感受和自我评价, 从而有效控制使用者的行为, 达到既定的目的。

1.有道云笔记完善了网络学习的学习形式

针对学习者在网络自主学习中存在的三大主要障碍, 有道云笔记在个人的网络自主学习中具有特殊的优势, 因为只需要注册一个账号, 就可以将记录的内容上传到云上, 在装有有道云笔记软件的设备 (手机、平板、电脑) 上看到所有数据;记录的方式可以采用照片、手写、语音等方式, 不再是单一的文字笔记, 使用者不仅可以查看和共享笔记内容, 还可以对其内容进行修改, 从而优化和创新自己的信息, 该软件只同步修改的部分, 使同步的速度更快、更省流量;为了提高用户的效率, 可以为个人计划添加“待办”提醒, 在一个设备上添加提醒, 所有的平台都会给予提示, 使得使用者待办任务的内容和进度一目了然。由此, 有道云笔记为学习者网络自主学习实现个人知识管理提供了媒体技术环境, 有利于学习者对信息进行存储和共享, 有助于帮助学习者构建自己的知识库, 从而有效地对学习者的知识进行管理。

2.有道云笔记在学习者个人知识管理中的具体应用

(1) 有道云笔记应用于制定学习者的个人计划

学习者面对扑面而来的信息流和资源, 如果没有较强的意志力, 很难集中注意力、抵制诱惑、克服困难, 也会进而影响网络自主学习的学习质量和学习效率, 因此, 学习者需要对自己的生活和学习进行规划, 按部就班地完成每一个任务。用户可以通过有道云笔记来对自身的活动进行计划, 用户注册登录后, 可以新建一个“个人计划”笔记本, 用待办事项将自己的计划罗列出来, 若完成了某项任务, 可以在前边标记上“√”, 以便提示和监督自己按照计划执行 (如图1) 。与此同时, 笔记的内容可以随时进行修改, 同步之后在所有的系统和移动终端上均自动更新。

(2) 有道云笔记应用于构建学习者的知识库

隐性知识集中存储于组织成员的头脑中, 是组织成员所具有的独特经验, 因此难以传播, 需要借助交流、互动、观察等方式实现知识转化的社会化。[6]那么, 我们应该充分利用丰富的网络资源, 对杂乱无章的信息进行梳理, 将转瞬即逝的想法积累起来, 构建属于自己的学习知识库。有道云笔记采用多种形式的资源, 包括文本、图像、音频、视频等, 这种多形态表现知识的功能, 使得用户可以存储信息的网址和视频等, 并可直接点击查看。它可以作为一个共享的平台, 从技术层面来看, 对用户的要求门槛比较低, 免费账户的功能即可满足一般用户的使用需求, 由于其开放性的特点, 用户可以与其他学习者共同建设知识库, 分享自己的看法和观点;从内容方面来讲, 用户可以建立不同主题的笔记本, 根据相关内容对其进行命名, 如本文中的学习心得体会和个人计划等, 这样, 日后知识的收集和共享, 都是对某一主题下的内容进行内涵式和外延式的拓展, 从而使知识库中的信息更加权威和完整。

建立不同主题的笔记本, 只是对内容初始化的分类, 通过有道云笔记的标签的功能, 用户还能够将资源分类存储, 并且快速地找到所需要的内容, 标签可以用自己的语言, 根据使用者的喜好、学科内容、时间来命名, 帮助用户将自身隐性化的知识转化为显性化。除此之外, 有道云笔记还提供了从查看时间、更新时间和创建时间三个属性呈现笔记内容, 帮助用户更好更快地获取所需要的信息和资源。

(3) 有道云笔记应用于记录学习者的心得体会

学习者看到或经历某些事情的时候, 产生了一些想法或观点, 日后想要回忆却怎么都记不起来, 有道云笔记可以避免这种情况的发生。用户登录之后, 可以建立一个“学习心得体会”笔记本, 在这里可以记录自己的学习活动、名人名言、讲座感想等 (如图2) 。听报告一般有两种情况, 一种是学习者专注地听, 报告过后整理笔记, 肯定会遗漏一些内容;另一种是学生专注地写, 但会顾此失彼, 很有可能没有记录完整, 也没有领略到教授的风采, 看笔记也仅是一知半解, 不知其所云。有道云笔记的录音功能可以帮助用户完整地记录报告内容, 方便使用者在报告之后重温报告内容, 除此之外, 学习者如果感受颇多, 也可以将自己的看法记录在报告内容的下边, 方便日后的回顾和反思。

●总结

有道云笔记作为知识管理的重要工具, 能够帮助学习者快速地记录、收集、存储和共享知识和资源, 提供恰当的方式和媒体环境提高用户的工作和学习效率, 符合知识管理的要求。与此同时, 随着信息技术的快速发展, 相信有道云笔记会更好地解决“信息超载”的问题, 整合和补充学习者的知识结构, 逐步完善用户的知识体系, 促进用户之间网络知识的共享和更新, 使信息资源发挥最大化的效用, 实现个人知识的创新。

参考文献

[1]黄娟.信息时代的个人知识管理探微[J].教育传播与技术, 2005 (1) :29-32.

[2]甘永成.E-Learning环境下的个人知识管理[J].中国电化教育, 2003 (6) :19-24.

[3]Monique Boekaerts.Self-regulated Learning:A New Concept Embraced by Researchers, Policy Makers, Eeducators, Teachers and Students[J].Learning and Instruction, 1997 (2) :161-186.

[4]Christopher A.Wolters.Self-regulated Learning and the 21st Century Competencies[DB/OL].[2010-05-01].http://www7.nationalacademies.org/dbasse/Wolters_Self_Regulated_Learning_Paper.pdf.

[5]记录生活的点滴.有道云笔记[J].电脑爱好者 (普及版) , 2012 (10) .

css基础知识学习笔记 篇3

制作“宝贝分类”页面 制作“公告栏”页面

 为什么使用表格

 表格应用场合 具体内容见ppt  表格的基本结构

具体内容见ppt

 表格的基本语法

 Table标签  Tr标签  Td标签 具体内容见ppt 注:表格标签中没有列标签。

 如何创建表格

具体内容见ppt

 跨行跨列的表格

 什么是跨行跨列的表格  跨多行的表格

 跨多列的表格 具体内容见ppt

 表格的美化修饰

  什么是表格的美化修饰 如何设置表格的尺寸和边框 width用来设置表格的宽度 height用来设置表格的高度

border用来设置表格边框尺寸大小 bordercolor用来设置表格边框颜色 如何设置背景

background属性用来设置表格的背景图片

bgcolor属性用来设置表格、行、列的背景色。HTML中颜色的表示方式:“#EBEFFF”是用RGB表示的一种颜色值,RGB指的是红绿蓝。

如何设置对其方式

align属性用来设置表格、行、列的对齐方式 为什么要使用填充属性 具体内容见ppt 什么是填充属性和间距属性 

  border(边框的厚度)cellpadding(单元格填充)cellspacing(单元格间距)如何使用填充、间距属性 border(边框的厚度)cellpadding(单元格填充)cellspacing(单元格间距)

 表格的布局

   什么是表格布局 使用表格进行布局

用表格对网页的内容进行整体控制

 DIV+CSS规划页面

    什么是CSS?

为什么要使用CSS? 如何使用CSS?

DIV+CSS如何规划页面?

 什么是CSS?

CSS(Cascading Style Sheet)可译为“层叠样式表”或“级联样式表”,它定义如何显示 HTML 元素,用于控制Web页面的外观。

 为什么要使用CSS?

 CSS的特点

便于页面的修改。便于页面风格的统一。减少网页的体积。为什么要使用CSS? 使用CSS布局的优点 表现和内容相分离 提高页面浏览速度 易于维护和改版

CSS样式表极大地提高了工作效率

样式通常保存在外部的.css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。

由于允许同时控制多重页面的样式和布局。作为网站开发者,你能够为每个 HTML 元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。内联定义

内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。

 如何使用CSS?

 只针对标签内的元素有效,因其没有和内容相分离,所以不建议使用。 定义内部样式块对象

你可以在你的HTML文档的和标记之间插入一个块对象。定义方式请参阅样式表语法。

这样的样式表只能针对本页有效。不能作用于其它页面。 导入样式——Style导入

与链入外部样式的功能基本相同,只是语法和实现方式上有差别。

它一般常用在另一个样式表内部。如layout.css为主页所用样式,那么我们可以把全局都需要用的公共样式放到一个global.css的文件中,然后在layout.css中以@import url(“/css/global.css”)的形式链接全局样式,这样就使代码达到很好的重用性。 导入样式——Link标签导入

使用Link标签代替Style标签来导入CSS文件。

它的好处是不但本页可以调用,其它页面也可以调用,是最常用的一种形式。

除了内联定义是直接作用于标签本身以外,其他CSS使用方式都需要建立标签和样式之间的映射关系。主要的映射关系有: id映射 class映射 标签映射 混合映射  CSS样式和页面标签元素的对应方式

   

 几种样式的优先级

 id优先级高于class  后面的样式覆盖前面的  指定的高于继承  行内样式高于内部或外部样式

总结原则:单一的(id)高于共用的(class),有指定的用指定的,无指定则继承离它最近的。

 DIV+CSS如何规划页面?

请关注上机实验3

公路工程试验员公共基础学习笔记 篇4

2、质监总站不定期举行比对试验。

3、信用评价不包含施工管理。

4、需专柜保管:操作手册、原始记录表、说明书。

5、基准:分主基准(一级)、副基准(二级)、工作基准(三级)。都需经国家批准。

6、副基准平时用来代替国家基准使用或验证国家基准的变化。

7、认可(不是认证)是权威机构对某一机构或个人有能力执行特定任务的正式承认。

8、能力验证是利用实验室间比对确定实验室的检测能力(不是综合水平)的一种方法。

9、质量体系为实施质量管理的组织结构、职责、程序、过程和资源。

10、计量检定系统即量值传递系统。

11、溯源性是计量学的基本概念。

12、测量结果是按规定的测量程序所获得的量值。(测试结果是特性值)

13、校准实验室从事校准工作,检验实验室从事检验工作。

14、有证标准物质是附有证书的参考物质,其一种或多种特性值用建立了溯源性的程序确定,使之可溯源到准确复现的表示该特性值的测量单位。

15、实验室程序文件可以内部制定,也可以来自外部。

16、当实验室由于某些原因需将工作分包时,应就其分包方(由客户或法定管理机构指定的分包方除外)的工作对客户负责。

17、实验室应对纠正措施的结果进行监控,以确保所采取的纠正活动是有效的。

18、实验室应建立和维持识别、收集、索引、存取、存档、存放、维护和清理质量记录和技术记录的程序。

19、实验室所有记录应以便于存取的方式存放和保存,记录可存放于任何形式的载体上(如书面文件、硬拷贝或电子媒体)。

20、质量或管理记录:包括来自内部审核和管理评审的报告及纠正措施的记录。

技术记录:原始观察记录、导出数据、开展跟踪审核的足够信息、校准记录、员工记录以及发出的每份检测报告或校准证书的副本。

21、实验室选择检测和(或)校准的方法时,优先(不是必须)使用以国际、区域或国家标准发布的最新方法。

22、实验室应对非标准方法、实验室设计(制定)的方法、超出其预定范围使用的标准方法、扩充和修改过的标准方法进行确认,以证实该方法适用于预期的用途。

23、在评定测量不确定度时,通常不考虑被检测和校准物品预计的长期性能。

24、检测结果以书面检测报告和校准证书、硬拷贝或电子表格传输的方式发布。

25、构成不确定度的来源:参考标准和标准物质、方法和设备、环境条件、被测物品的性能和状态、操作人员。

26、未经实验室书面批准,不得部分复制检测报告或校准证书的声明。

27、检测报告通过与客户直接对话来传达意见和解释,简单方便,需有文字记录。

28、当检测报告包含了由分包方所出具的检测结果时,结果应予清晰标明。分包方应以书面或电子方式报告结果。

29、某些标准目前尚不能严格按照SI单位进行溯源,校准应通过建立对适当测量标准的溯源来提供测量的可信度。

30、实验室检测的参考标准在调整之前或之后均应校准。

31、误差的分类:系统误差、随机误差、过失误差。

误差的来源:装置误差、环境误差、人员误差、方法误差。

系统误差:1)仪器误差 2)人为误差 3)外界误差 4)方法误差 5)试剂误差

32、绝对误差是测量值与真值间的差异,反映测量的准确度,同时含有精密度的意思。

相对误差指绝对误差与真值的比值,百分数表示。反映准确度又反映精密度。相对误差能表示测量的精确程度,因此,通常采用相对误差表示测量误差。

33、在误差分析时只考虑系统误差和随机误差。

34、通常采用的消除误差的方法是用来消除系统误差。

35、在测量或计量中取有效数字的位数的准则:对不需要标明误差的数据,其有效位数应取到最末一位数字为可以数字;对需要标明误差的数据,其有效位数应取到与误差同一数量级。

36、测量数据0.005020的有效数字有4位。

37、加减运算:它们的小数点后的数字位数及其和或差的有效数字的保留,应以小数点后位数最少(即绝对误差最大)的数据为依据。可以对所有数据多保留一位数字进行运算。

例1:1.03+30.212+2.06783,其中1.03小数点后位数最少,结果1.03+30.2+2.07=33.31 例2:2.5+3.88+0.0357,结果2.50+3.88+0.04=6.42,结果中第二位小数称为安全数字。乘除运算:参加运算数据所保留的位数,以有效数字位数最少的为标准,其积或商的有效数字也依此为准。

例1:0.0121*30.64*2.05782,其中0.0121的有效数字位数最少(3位),所以,其余两数应修约成30.6、2.06与之相乘,即,0.0121*30.6*2.06=0.763。

例2:4.231*0.02*1.5672,其中0.02的有效位数最少(1位),其他数取1位,积也取1位,即,4.2*0.02*1.6=0.1

38、如果 ax=N(a>0,且a≠1),那么数x叫做以a为底N的对数,记作 x=logaN.其中,a叫做对数的底数,N叫做真数。且a>o,a≠1,N>0。

对数运算,结果所取对数位数与真数的有效数字位数相等。

39、表示精度一般取一位有效数字已足够,最多取两位有效数字。

40、在所有计算中,常数e、π和因子√2等数值的有效位数,可认为无限制,需要几位就取几位。

41、极差由于没有充分利用数据的信息,仅适用样本数量较小、一般n<10的情况。

42、总体的平均值即为真值,样本的平均值为真值的近似值。

43、频数指特定事件发生的次数或观测值的个数。频率指各组频数与总体单位总和之比。频率在某一定值P附近摆动,具有稳定性,把频率的摆动中心P作为事件A的概率。通过大量反复试验,把其频率视作概率的近似值。

44、一组样本数据分散程度越大,标准差就越大,其均值与总体均值的偏差不一定越大。

45、常用数理统计工具有4种:

一、调查表;

二、分层法;

三、因果图;

四、直方图。

一、调查表:是利用统计表对数据进行整理和初步分析原因的一种工具。

常用格式有:1)、不合格项目分类统计调查表;2)、工序质量特性分布统计分析调查表; 3)、调查缺陷位置的统计分析调查表。

二、分层法:是数据分析的一项基础工作。

三、因果图:又称特性要因图,鱼骨图或树枝图。是逐步深入研究和讨论质量问题的图示方法。

四、直方图:有频数直方图和频率直方图,频数直方图使用较多。

绘制直方图步骤:收集数据—数据分析与整理—确定组数和组距—确定组界值—统计频数—绘制直方图。

46、绘制直方图,为避免数据恰好落在组界上,组界值的数据要比原数据的精度高一位。

47、肖维纳特法判别可疑数据舍弃的标准为:︱xi – x平均︱/S≥kn(肖维纳特系数)。

48、一元非线性回归可以通过坐标变换转化成线性回归问题来处理。

49、可疑数据取舍方法:拉依达法(3S法,S为标准差)、肖维纳特法、格拉布斯法。

50、采用3S法进行数据的取舍,当测量值与平均值之差大于2S,则该测量值应保留,但需存疑。若在生产、施工或试验中发现存疑数据变异时,该值应舍弃。

51、精密度描述随机误差,准确度描述系统误差,精确度综合描述随机误差和系统误差。

52、根据测点绘制曲线时,不能用折线连接测点,用移动曲尺时,应顾及曲线与实测值之间的误差平方和最小。

53、相关系数r是描述回归方程线性关系密切程度的指标,r的绝对值越接近1,x和y之间的线性关系越好。

54、在一般工程测量中,真值也可以用测量值代替,这时,相对误差称为示值相对误差。

55、引用误差是仪表中通用的一种误差表示方法,它是相对于仪表满量程的一种误差,测量的绝对误差与仪表的满量程值之比,称为仪表的引用误差,它常以百分数表示。引用误差=△X / Xb,Xb为基准值或基值,称为引用值,可以是仪表的量程,也可以是测量范围的下限或其他值。这个值在产品标准或检定中给出,只有当仪表读数接近其限值时,引用误差才反映测量结果的相对误差。

56、引用误差(不是示值误差)是相对误差的简便实用形式,在多档或连续刻度的仪表中广泛应用。

57、批量:批中产品的数量。是指批中所包含的单位产品数,通常用N表示。

58、按随机取样的方法确定被检测的路基横断面时,不用随机数表中C列中的数。

59、从批中抽取用于检查的单位产品,称为样本单位;样本单位的全体称为样本,样本中所包含样本单位数,称为样本大小。

60、样本中所包含的样本单位数,称为样本大小,用n表示。

61、为判断每个提交检查批的批质量是否符合规定要求,所进行的百分之百的检查或从批中抽取样本的检查,称为逐批检查。

62、合格判定数和不合格判定数,或合格判定数系列和不合格判定数系列结合在一起,称判定数组。63、样本大小或样本大小系列,和判定数组结合在一起,称为抽样方案。64、质量检验按性质可分为生产检验和验收检验两大类。

65、实验室能力验证是指利用实验室间比对来确定实验室检验或校准能力的活动。66、样本单位的全体(不是大小)称为样本。67、简单随机抽样分为重复抽样和不重复抽样。

68、期间核查的目的确认测量设备校准状态的可信状态。69、管理体系构成:

第一层次—质量手册 第二层次—程序文件

第三层次—作业指导书 第四层次—其他质量文件(记录、表格、报告、文件)70、2013年版考试办法:考生及考试工作人员在报考及考试过程中的违纪违规行为严格按《专业技术人员资格考试违纪违规行为处理规定》(人保部令2011年第12号)相关规定处理。71、质量管理是指确定质量方针、目标和职责,并通过质量体系中的质量策划、质量控制、质量保证和质量改进来使其实现的所有管理职能的全部活动。

72、质量体系由组织机构、职责、程序、活动(过程)、能力和资源等构成的有机整体。73、格拉布斯法根据(顺序统计量)确定数据的取舍,判别标准g≥g0。

74、计量基准用当代最先进的科学技术和工艺水平,以最高的准确度和稳定性建立起来的专门用以规定、保持和复现物理量计量单位的特殊量具或仪器装置等。

75、主基准也称作原始基准,是用来复现和保存计量单位,具有现代科学技术所能达到的最高准确度的计量器具,经国家鉴定批准,作为统一全国计量单位量值的最高依据。因此,主基准也叫国家基准。

76、计量认证的专业类别代码:P-交通,R-建设(建材、城建、建工),N-铁路,Y-计量,Z-其他。2008P代表该机构2008年通过计量认证,属于交通行业的检测机构。77、报告和证书的格式应设计为适应于所进行的各种检测和校准的类型。78、批质量是单个提交检查批的质量,用每百单位产品不合格品数表示。

79、计量标准器具的准确度低于计量基准的,用于检定其它计量标准或工作计量器具。80、在进行能力验证结果的评价时,当Z比分数︱Z︱≤ 2,为满意结果。

Z比分数:︱Z︱≤ 2,满意结果;︱Z︱< 3,有问题;︱Z︱≥ 3,不满意或离群的结果。En值:︱En︱≤ 1,满意结果;︱En︱> 1,不满意结果。

81、测量数据常用的表达方法有:A.表格法、B.图示法、C.经验公式法 82、质监机构对检测机构进行定期或不定期的监督检查,及时纠正。83、用于检测校准和抽样的设备及其软件应达到要求的准确度。

84、产品质量检验机构的量值不一定要溯源到国家计量基准。测量无法溯源到SI单位或与之无关时,要求测量能够溯源到诸如有证标准物质、约定的方法和(或)协议标准。

85、真值按其本性是不确定的。修正值等于负的系统误差。随机误差等于误差减去系统误差。86、准确性、一致性、溯源性和法制性是计量工作的重要特点。

87、对计算机、空调、打印机等一般不必检定的设备,均应使用黄色准用标志。分合格/准用/信用。88、实验室不能使用的报废仪器设备应使用“停用(红色)标志”。此题错,不能使用的报废仪器设备应予清理,以保持实验室的整洁。

89、不合格品也可分为A类、B类、C类;A类最为严重、B类次之、C类最为轻微。90、测量结果的有效位数反应结果的不确定度,有效位数不同,测量不确定度也不同。

91、按检验特性值的属性分类,抽样检验分为计数抽样方案和计量抽样方案;按检验数量分类有全数检验和抽样检验。

92、扩展不确定度有时也称为展伸不确定度或范围不确定度。

93、超然性是指测量仪器不改变被测量对象的能力,天平和红外温度计具有超然性。94、适用于公路工程的随机取样的方法有单纯随机抽样、系统抽样、分层抽样。

95、样本的抽取方法有:简单随机抽样、分层随机抽样、系统随机抽样、分段随机抽样和整群随机抽样。

96、国务院发展计划部门按照国务院规定的职责,组织稽察特派员,对国家出资的重大建设项目实施监督检查。

97、国务院经济贸易主管部门按照国务院规定的职责,对国家重大技术改造项目实施监督检查。98、质检机构人员配置应根据所进行的业务范围进行,各类工程技术人员、工程师以上人员,不得低于20%。

99、检测事故发生后(3天)内,由发生事故部门填写事故报告单,报告办公室。100、理论分析和工程实践表明,最小二乘法确定的回归方程偏差最小。101、抽样标准是指抽样检验采用随机抽样。

css基础知识学习笔记 篇5

第五节 错账更正方法(主要注意适用范围)

如果账簿记录发生错误,必须按照规定的方法予以更正,不准涂改、挖补、刮擦或者用药水消除字迹,不准重新抄。错账更正方法通常有划线更正法、红字更正法和补充登记法等几种。

一、划线更正法

划线更正法又称红线更正法。

适用范围:在结账前发现账簿记录有文字或数字错误,而记账凭证没有错误,可以采用划线更正法。

更正时,可在错误的文字或数字上划一条红线,在红线的上方填写正确的文字或数字,并由记账及相关人员在更正处盖章。对于错误的数字,应全部划红线更正,不得只更正其中的错误数字。对于文字错误,可只划去错误的部分。

【例题】某账簿记录中,将128.50元误记为l25.80元。

更正方法为:不能只划去其中的“5.80”,改为“8.50”;而是应当把“l25.80”全部用红线划去,并在其上方写上“128.50”。即128.50

注:记账规则中规定,书写一般只占格距的1/2。

二、红字更正法

红字更正法是指用红字冲销原有错误的账户记录或凭证记录,以更正或调整账簿记录的一种方法。

适用范围通常有两种情况:

1.记账后在当年内发现记账凭证所记的会计科目错误,导致账簿记录错误,可以采用红字更正法。

更正方法是:记账凭证会计科目错误时,用红字填写一张与原记账凭证完全相同的记账凭证,以示注销原记账凭证,然后用蓝字填写一张正确的记账凭证,并据以记账。

注:每一张记账凭证都要以其登记账簿,即只要有记账凭证就得记账。

【例题】某企业以银行存款购买A材料3000元,材料已验收入库。在填制记账凭证时,误作贷记“库存现金”科目,并已据以登记入账。会计分录如下:

借:原材料3000

贷:库存现金3000

更正时,用红字填制一张与原错误记账凭证内容完全相同的记账凭证,以冲销原错误记录。会计分录如下:

借:原材料

贷:库存现金

然后,用蓝字填制一张正确的记账凭证。会计分录如下:

借:原材料3000

贷:银行存款3000

2.会计科目无误而所记金额大于应记金额,从而引起记账错误,可以采用红字更正法。

更正方法是:记账凭证会计科目无误而所记金额大于应记金额时,按多记的金额(即差额),用红字编制一张与原记账凭证应借、应贷科目完全相同的记账凭证,以冲销多记的金额,并据以记账。

【例题】某企业从银行提取现金30000元,备发工资。误作下列记账凭证,并已登记入账。借:库存现金50000

贷:银行存款50000

发现错误后,应将多记的金额用红字作与上述科目相同会计分录。会计分录如下: 借:库存现金

贷:银行存款

三、补充登记法

适用范围:补充登记法是在记账后发现记账凭证填写的会计科目无误,只是所记金额小于应记金额时,所采用的一种更正方法。

具体更正方法是:按少记的金额(即差额)用蓝字编制一张与原记账凭证应借、应贷科目完全相同的记账凭证,以补充少记的金额,并据以记账。

【例题】接受外单位投入资金l80000元,已存入银行。在填制记账凭证时,误将其金额写为l50000元,并已登记入账。

借:银行存款l50000

贷:实收资本l50000

发现错误后,应将少记的金额用蓝字编制一张与原记账凭证应借、应贷科目完全相同的记账凭证,登记入账:

借:银行存款30000

贷:实收资本30000

总结:会计账簿错误更正

1.记账凭证没错,只是过错账——划线更正法

2.记账凭证错误导致账簿错误(基本同记账凭证更正,只是多了登账的步骤)

(1)科目、方向等文字错或只是借贷方金额同时多记——红字更正法

(2)只是借贷方金额同时少记——补充登记法

【例题•判断题】如果在结账前发现账簿记录有文字或数字错误,而记账凭证没有错误,则可采用划线更正法,也可采用红字更正法。()

[答案]×

第七节 会计账簿的更换与保管

一、会计账簿的更换

会计账簿的更换通常在新会计年度建账时进行。一般来说,总账、日记账和多数明细账应每年更换一次。但有些财产物资明细账和债权债务明细账由于材料品种、规格和往来单位较多,更换新账,重抄一遍的工作量较大,因此,可以不必每年度更换一次。各种备查账簿也可以连续使用。

二、会计账簿的保管

年度终了,各种账户在结转下年、建立新账户,一般都要把旧账送交总账会计集中统一管理。

会计账簿暂由本单位财务会计部门保管一年,期满之后,由财务会计部门编造清册移交本单位的档案部门保管。

【例题•判断题】年度终了,各种账户在结转下年、建立新账后,一般都要把旧账送交主办会计集中统一管理。()

[答案]×

css基础知识学习笔记 篇6

小说开头, 叙述者在看似饶舌的议论中首先介绍了自己的身份———一个被派往基层体验生活并挂职副县长的小说家。“小说家”这一特殊身份标示出“我”不同于一般干部的知识分子文化立场, 而且, “我”对于“国粹之一种”的“讨好———讨打———讨饶”、“拼赢——拼凑———拼命———拼嘴”这样阿Q式的人生哲学直接表明了自己的价值判断:“但我不喜欢这样, 认为它不是智慧, 充其量是聪明, 而且是小聪明。”可是, 这种有些高蹈带点洁癖的文化价值取向仅仅通过两个梦就暴露了其软肋:它连理解梦境都无能为力, 更别谈能在现实生活中一显身手了。当党外副县长与县委副书记无师自通而又准确无比地解了“我”的两个梦之后, “我”在“骇然”中不由得重新审视那些先前被认为是“小聪明”的文化形态。

叙述者以“融不进去”的小说家之眼撷取了三个人物———祁副县长、资深司机刘三召、食堂师傅王三炳, 将他们的故事娓娓道来。分管计划生育工作的祁福旺是从通讯员一步一步干上来的, 他与提拔他的公社书记、赏识公社书记的县委书记同属一个谱系, 都是农业文明时代的产物, 豪放粗野, 粗俗中又带着一股子倔劲, 在他们的时代也能将工作干得有声有色。反讽的是, 这个一辈子服从“上级安排”的祁福旺, 老了却执意要一个继承香火的孙子而不惜放弃来之不易的职位, “副县长不也是个孙子”的惊人之语浓缩了他宦海生涯的全部悲酸。看似本分老实的政府司机刘三召却改变了官场显规则, 先后做过六位县长司机的他, 除了不该看的不看、不该说的不说, 其它方面也十分低调:不装空调、老婆当清洁工、拒绝办公室副主任职位的升迁, 但这种韬光养晦的背后却是“没他办不成的事”的神通, 成了其他司机羡慕不已有能耐的“神人”。相传有“三赖”的食堂师傅王三炳尽管做人口碑不好, 对于自己的本职工作却一点儿都不赖, 他一丝不苟的敬业态度与工作中渴望别人“看得起”的心理期待使他平添了几分复杂与可爱。与人像展览式的故事相映成趣的是告别聚会上的人物群像勾勒:和“我”一样由省城下来的县委书记也和“我”一样“融不进去”;相反地, 从基层上来的县长却能左右逢源;还有深谙人情世故、荤素不忌的党外副县长。由于叙事者在讲述这些故事之前就已经觉察出其知识分子文化立场的有限性, 所以在讲述中并不预设这套价值标准来评判什么, 既不纵容笔下人物的缺陷, 也不掩盖其性格中的亮点, 始终保持着一种客观理性的叙事态度。即便如此, 这些融民间气、江湖气与传统文化糟粕于一炉的官场中人还是将博大精深的“官场文化”演绎得出神入化。叙述者那曾经犹疑不定甚至一度有所放弃的知识分子立场终于在最后那场“不大适应”的“群官会”上重新变得坚定起来, 借给祁福旺的孙子起名的机会, 表明了自己对于官场文化的否定———“错儿”, 尽管这种表态是极度含蓄、绵里藏针的。

用CSS技术实现成绩统计图表 篇7

人们经常会用图表来形象地表示数据,网页设计中也会碰到这个问题,比如学校网站中出现的成绩统计图表,如图1所示。传统的方法做这种网页必须是先制作图表图片,再把图片对象插入到网页当中,每次成绩统计都得做一个新图片。现在,我们使用CSS技术也可以制作漂亮的图表,而且图表数据是可变的。我们使用CSS代码构建一个成绩统计表,每次考试后只须改变代码中对应容器的高度值就改变了它所代表的成绩,这样就把我们从不断的制作图片中解放出来了。

1 CSS技术构建条状图的原理

首先使用CSS代码来构建一个简单的条状图,如图2所示。这里使用一个div对象内嵌一个span对象。我们要用span对象的宽度来形象地表示数据,宽度为“80%”就代表“80”这个数据,宽度为“60%”就代表“60”这个数据。具体代码如下:

CSS样式表根据代码位置的不同分为行间样式表、内部样式表和外部样式表,直接书写于对象标签中的是行间样式表,集中书写在网页起首位置的是内部样式表,独立写在一个CSS文件中的是外部样式表。“style="width:80%”这句代码用来定义span对象的宽度,它直接写于span标签中,属于行间样式表。在这里,使用行间样式表是为了便于修改span对象的宽度,从而灵活改变它所代表的数据。div和span还各自有一个内部样式“tm”和“tn”,它们的代码如下:

在CSS样式表中,对象的宽度和高度可以以百分比为单位来设置,百分比的基数是它父级对象的宽度或高度。在本例中,span的父级对象是div,所以它的宽度就以div的宽度为基数,div对象的宽度为200px,那么span对象的宽度就是80%*200px=160px。

CSS技术中,每个对象都有“display”属性,用于设置对象是否显示或如何显示。如果属性值是“block”,表示它为块状对象,默认状态下,每个块状对象单独占用一行进行显示;如果属性值是“inline”,表示它为内联对象,也叫行间对象。默认状态下,多个内联对象共同在一行内显示,而且对内联对象设置宽度值无效。

span对象默认是一个内联对象,无法设置宽度,因此在“tn”中有“display:block”这句代码,通过这句代码把span对象强行设置为一个块状对象,可以有效地设置宽度。我们还给div对象设置了一个1px宽的边框,给span对象设置了一个背景色,边框和背景的颜色是一致的,为了美观,在边框和背景之间加了一个2px的间隙。

我们可以用这个条状图表示“80”这个数据,如果把span的宽度改为60%同时把里边的数字改为60就可表示“60”这个数据了。

2 CSS成绩图表的设计

2.1 以“ul”为容器实现图表

本文正是依据上边条状图的原理,利用CSS技术来制作成绩统计表,效果如图3所示。由于成绩统计表中有多个条状图,所以改用无序列表“ul”作为容器。每个“li”标签形成一个条状图,代表一门成绩。而每组“ul”标签包含多个“li”标签,表示一个班的成绩。具体代码如下:

三组“ul”标签表示了三个班的成绩,而每组“ul”标签中内含三组“li”标签,分别代表“语文”、“数学”、“英语”三门成绩。它们的CSS样式代码如下:

2.2 设置对象的浮动属性

在XHTML网页中,body中的块状对象根据其前后顺序从上到下依次显示,这种显示规则称作文档流,而浮动定位可以打破这种默认的显示规则。“float”属性就是用来设置浮动定位的,如果其属性值为“left”表示对象向左浮动,从而清空右侧位置用来放置下方的对象;如果其属性值为“right”表示对象向右浮动,从而清空左侧位置用来放置下方的对象。设置浮动定位以后,每个块状对象不再单独占用一行,而是多个块状对象同时在一行内显示。

在CSS2.0中,“ul”元素的“display”属性默认为“block”,也就是说它是一个块状对象,而且为了有效地设置宽度,“li”也被强行设置为块状对象,依据文档流原则它们都要单独占用一行,从上到下依次显示。在本例中,代表成绩的条状图应该位于同一水平线上,这样才能对比成绩的高低,所以多个“ul”和“li”元素应该在同一行内显示。因此,“tb”和“tb li”两个选择符中都设置了“float:left”这个属性。

2.3 对象的定位

所有条状图必须底部对齐才能看出高度的差别,从而形象地显示出分数的高低差异,所以仅有浮动定位还不够,必须对“span”对象设置绝对定位,从而精确地控制它的底部位置,保证底部位于同一水平线上。通过“position:absolute;bottom:0px”这两句代码,给“span”对象设置了绝对定位。绝对定位的参照系是最近的已定位上级元素,所以要给“li”元素进行定位,“tb li”中“position:relative;”这句代码给“li”元素设置了相对定位。这样定位的最后效果就是,每个“span”对象以它的上级元素“li”为参照系绝对定位,“span”的底部位于“li”元素的0px高度,从而保证了所有条状图底部位于同一水平线上。

“yw”、“sx”、“yy”三个样式很简单,只是设置了三种条状图的背景色,三种颜色的条状图分别代表“语文”、“数学”、“英语”三门成绩。通过以上方法,再加上适当的文字和标识,就可以形成一个完美的成绩统计图表,如图4所示。

4 结束语

综上所述,利用CSS2.0技术,无须借助办公或图像处理软件,就可以在网页中构建精确美观的成绩统计图表。更为方便的是,这种图表的数据源是可变的,每次考试后只要对代码中的几个数字稍加改动就能生成新的图表,减少了网站维护的工作量。

参考文献

[1]Eric A.Meyer,李松峰.CSS Web站点设计手册[M].北京:机械工业出版社,2008.

[2]李超.CSS网站布局实录[M].北京:科学出版社,2007.

[3]迈耶.CSS权威指南[M].北京:中国电力出版社,2008.

[4]Michael Russell.CSS真的可以浮动吗?[OL].http://www.ibm.com/develo-perworks/cn/web/wa-css/,2008.

css基础知识学习笔记 篇8

《英语新课程标准 (实验稿) 》指出基础教育改革的核心思想是:“面向全体学生, 为学生全面发展和终身发展奠定基础。”设置英语学科的最终目的是通过英语的学习掌握学习外语的方法和策略, 并具有良好的学习心态, 为今后漫长的终身学习奠定基础, 这对每一位学生来说都是很重要的。事实上, 要想成为外语学习的成功者记好笔记是至关重要的。

目前, 大部分教师对记英语笔记重视程度不够, 过分注重听说能力的培养, 过分依赖课件授课, 造成课上“虚假的繁荣”, 语言点讲解依赖讲义进行, 没有培养学生及时记笔记的意识。很多学生没有养成记笔记的习惯, 课上兴致勃勃, 实则一无所获。笔者对很多学生进行调查后发现, 很多学生不清楚重点难点所在, 不了解语言点辨析, 不会翻译文本句子, 甚至还有学生认为记笔记会影响课上听讲。

德国著名心理学家艾宾浩斯在1885年发表的实验结论:人们接触到的信息在经过学习后, 便成为了人的短时记忆, 但如果不经过及时复习, 这些记过的东西很容易会遗忘。而笔记是一种永久性的、系统性的文字记录, 对于巩固已学过的知识, 克服头脑记忆储存知识的局限性非常重要。以江苏省中考英语试题为例, 命题总体趋向是由重语法考查向重词汇考查转变, 着重考查学生在具体语境中综合运用词汇的能力。从题型来看, 有五项题型考查词汇运用, 从分值来看, 词汇的考查约占60分, 从学生试卷分析来看, 制约学生得分的因素主要是词汇的混淆。而词汇的辨析是十分繁杂的, 课上的讲解很多, 而人脑非电脑, 如果不及时记载下来, 那是很容易遗忘的。笔记是对课本内容的诠释, 是对新旧知识的对比, 是知识的延伸和拓展。因此, 无论是为了提高初中阶段的学习成绩, 还是为了适应高中学习打下基础, 还是为了培养学生的自主学习能力甚至终身学习能力, 记好英语笔记的习惯都是至关重要的。

二、记英语笔记的几个原则

俗话说, “好记性不如烂笔头”, 做好记笔记的前期准备工作要充分, 包括心理的准备 (树立记笔记意识, 克服惰性, 充满期待。) 和物质的准备, 比如准合适的笔记本、各种颜色的笔以及必要的其他文具等等。记英语笔记要遵循下列原则:

㈠即时性原则。课上老师为了完成教学内容势必讲解内容较多, 留给学生记笔记的时间往往很短暂, 这就要求学生听讲时注意力要高度集中, 记笔记要第一时间完成, 不能错过重要内容的记载, 平时要逐步提高记笔记的意识和速度。

㈡准确性原则。英语笔记是课后和考前复习的重要内容, 笔记内容准确与否直接影响着考试成绩。因此, 笔记的所有内容力求科学准确, 无错误, 当然课后查漏补缺是必要的。

㈢简约性原则。就记笔记时使用的文字或符号要简单易懂, 有时候可以只写单词的首字母或句子的第一个单词, 有时候自己可以用一些自己能看懂的符号或缩略形式, 言简意赅, 比如在记载“当主句是将来时, 状语从句要用一般现在时代替将来时。”可以简写成“主将从现”。

㈣美观性原则。记载内容必须条理清楚、脉络清晰, 力求美观。这样复习时会一目了然, 并且带着良好的心情复习效果才会好。这就要求在记笔记之前首先要判断出所记内容的体积, 规划好记载的位置, 快速判断是在教材上还是在笔记本上记。当然, 为了追求笔记的美观, 可以先记在草稿纸上, 然后课后整理。

㈤系统性原则。记录内容需分类处理, 以方便复习或查阅。笔记复习势必会和课文复习同步进行, 所以可以把笔记加上目录和分类索引, 自主整理形成知识体系和板块, 除了按照课文编排纵向排序外, 还可以按照知识体系的首字母编排横向索引。

三、记英语笔记的的主要方法

学生记笔记不是形式, 不是为了应付检查或炫耀, 我们要注重指导学生如何做笔记, 应给学生予一定的指导。

㈠就近处理法。指的是对于需要记录的内容就近处理, 比如:课文文本上需要标记的内容就在文本上标记, 文本外扩充的较为简短的内容可以直接记在旁边空白处。

㈡颜色区别法。对于记载或标记的内容要突出重点, 最重要的内容用红色笔记录, 次重要的或已学过的但较为重要的用黑色笔记录, 不重要的用铅笔记录, 切忌眉毛胡子一把抓, 主次不分。

㈢符号联系法。对于有所联系的内容要采用不同的符号。文本记号主要有:词性转化或知识点的联系用“→”, 旁注用“↖↗”, 重点内容用“!★▲●√”, 疑问之处用“?”, 以及常用的下划线“_﹍﹏”, 笔记本笔记记号主要有:表示层次的数字“一二三㈠㈡㈢123⑴⑵⑶ (1) (2) (3) ”, 记录两者区别时可用“<”两者共同点时用“>”, 三者区别用“{”三者共同点用“}”, 等等。

四、记英语笔记的后续注意点

整理笔记是把知识简化、深化、系统化的过程, 是高效学习的重要组成部分, 必须给予充分的重视 (吴海鹰, 2007) 。记笔记的目的是以“笔记”为依托, 便于学生自主复习、归纳, 提高分析问题、解决问题的能力。

㈠自主纠错。由于课堂节奏快活自身水平限制, 记笔记时难免会产生错误或遗漏, 所以养成纠错习惯是必要的。可以对照优秀同学的笔记, 可以向老师请教, 纠正笔记上的错误。

㈡自主完善。课后可以查阅词典、语法书、同步讲解等相关资料, 进一步补充完善所记内容。这当然需要记笔记时不要记得太紧太密, 每页侧边可留下约空白处, 以便日后补充、修改。

㈢自主复习。辛辛苦苦记录下来的内容需要我们经常复习才能让其效果最大化, 对所记内容相当熟悉才能保证查阅时省时高效。当然在复习时发现的新问题也需要标记出来, 以便及时研究。

五、结束语

总而言之, 学无定法, 贵在得法。在老师的指导下, 勤思考、常反思, 端正学习态度, 养成记笔记的好习惯, 遵循记笔记的基本原则, 掌握记笔记的基本方法, 逐步摸索出适合自身的方式, 提升学习成绩, 提高学习能力, 为终身学习奠定基础。

摘要:本文全面地分析了初中生记载英语笔记的现状, 指出了记笔记的重要性:为学生终身发展奠定基础, 系统地提出了记英语笔记的五个原则:即时性原则原则、准确性原则、简约性原则、美观性原则、系统性原则, 详细地提供了记英语笔记的主要方法:就近处理法、颜色区别法、符号连接法。同时指出了记好英语笔记的几个注意点。

参考文献

[1]教育部.2001.全日制义务教育普通高中中学英语新课程标准 (实验稿) [M].北京:北京师范大学出版社.

[2]贾凤娇2009《浅谈英语笔记策略的指导》

css基础知识学习笔记 篇9

CSS级联样式表是一种用来表现HTML (标准通用标记语言的一个应用) 或XML (标准通用标记语言的一个子集) 等文件样式的计算机语言。

CSS最新版本为CSS3, 是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言, CSS能够对网页中的对象的位置排版进行像素级的精确控制, 支持几乎所有的字体字号样式, 拥有对网页对象和模型样式编辑的能力, 并能够进行初步交互设计, 是目前基于文本展示最优秀的表现设计语言。

而网页中元素的定位则是CSS中的重中之重。使用position定位有四种方式, 分别为relative、absolute、static、fixed, static是静态定位, 也为系统自动定位。下面主要分析其他三种定位方式的特点。

1 绝对定位:position:absolute

1) 绝对定位是将元素依据已经定位 (绝对、固定或相对定位) 的离它最近的祖先元素进行定位, 祖先元素没有定位或没有祖先元素则默认依据body浏览器窗口定位。

2) 绝对定位的元素不论本身是什么类型, 定位后都将成为一个新的块级元素, 如果未指定宽度高度默认自适应实际包含的内容区域 (不再默认浏览器宽度) 。

3) 绝对定位后的元素将处于浮于其他元素之上, 自身不占位, 它原来在正常文档流中所占的空间同时被关闭, 就是说绝对定位的元素不占据页面空间, 原空间被后继元素使用。

绝对定位必须用left、right、top、bottom属性之一激活, 用于指定元素左、右、上、下外边距距离已定位祖先元素 (或浏览器) 左、右、上、下内边框的距离。

如果定义多个属性, 当left、right冲突时以left为准, 当top、bottom冲突时以top为准, 如果一个也不指定则元素仍按普通文档流布局, 但它自己不再占据空间, 后续元素上移与其重叠。

例如在浏览器四个角各放置一个width:50px;height:50px;的矩形盒框:

position:absolute;top:20px;left:20px;/*左上角定位*/

position:absolute;top:20px;right:20px;/*右上角定位*/

position:absolute;bottom:20px;right:20px;/*右下角定位*/

position:absolute;bottom:20px;left:20px;/*左下角定位*/

绝对定位元素定位后相对祖先元素的位置不再变化, 若页面内容较多拖动页面滚动时, 定位元素会随页面一起滚动。

绝对定位元素重叠覆盖其他元素时可用z-index属性设置它们的叠放次序。

2 相对定位:position:relative

1) 相对定位是让元素 (可以是行内元素) 相对于它在正常文档流原位置按left、right、top和bottom偏移量移动到新位置。

2) 相对定位的元素移动后保持原外观样式大小、移动定位后不会占据新空间会覆盖新位置原有元素, 原位置空间被保留, 其他元素相对它原来的位置不变。

3) left、right、top和bottom指定相对原位置移动的偏移量, 可以使用带单位数值、相对父元素的百分比%。

left正值:左边向内—向右移动, 负值:左边向外—向左。

right正值:右边向内—向左移动, 负值:右边向外—向右。

top正值:上边向内—向下移动, 负值:上边向外—向上。

bottom正值:下边向内—向上移动, 负值:下边向外—向下。

例如:left:20px;元素左边框右移20像素。

left:-20px;元素左边框左移20像素。

例如:position:relative;left:50px;bottom:50px。

3 固定定位:position:fixed

固定定位与绝对定位absolute相似, 定位后元素也生成为新块级盒框、覆盖新位置原有元素, 在正常文档流中所占的原空间关闭—被后继元素使用。

固定定位与绝对定位absolute的区别是定位的元素无论父元素是否定位都会直接在浏览器窗口中定位—不会随滚动条拖动页面而滚动, 固定定位用left、right、top、bottom指定浏览器左、右、上、下各边向中心的偏移量作为定位元素外边距位置

通过以上分析, 可以很清楚地了解position定位及应用, 以便更好地精准定位网页中的元素, 设计出更完美的网页。

参考文献

上一篇:加拿大留学监护人政策有所放宽下一篇:原版英语读物