ImageVerifierCode 换一换
格式:PPT , 页数:13 ,大小:342KB ,
文档编号:5657139      下载积分:16 文币
快捷下载
登录下载
邮箱/手机:
温馨提示:
系统将以此处填写的邮箱或者手机号生成账号和密码,方便再次下载。 如填写123,账号和密码都是123。
支付方式: 支付宝    微信支付   
验证码:   换一换

优惠套餐
 

温馨提示:若手机下载失败,请复制以下地址【https://www.163wenku.com/d-5657139.html】到电脑浏览器->登陆(账号密码均为手机号或邮箱;不要扫码登陆)->重新下载(不再收费)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录  
下载须知

1: 试题类文档的标题没说有答案,则无答案;主观题也可能无答案。PPT的音视频可能无法播放。 请谨慎下单,一旦售出,概不退换。
2: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。
3: 本文为用户(hwpkd79526)主动上传,所有收益归该用户。163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 本站仅提供交流平台,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

版权提示 | 免责声明

1,本文(DIV布局与标准化代码.ppt)为本站会员(hwpkd79526)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!

DIV布局与标准化代码.ppt

1、DIV布局与标准化代码网聚社张慥什么是DIV?可定义文档中的分区(division)。它可以把文档分割为独立的、不同的部分。可以用 id 或 class 来标记它的身份(主要是用于样式表的分离和方便选择器的选取)div元素是一个块元素,如果不做特殊说明,它的默认宽度是就是其父元素的宽度(如:body的宽度为1000px,在body里面的div不设置参数的话,也默认为1000px)div设置了宽度后,即使比其父元素的宽度值小,也会占据一行。浏览器默认在DIV标签后会加上一个换行标签(如:演示)DIV与CLASS以及ID的搭配 正如每个人都有自己的身份,div标签也是可以通过class或id来拥有

2、自己的身份的。如:moonmoon 这两个div都有了一个身份或者说地址 div一般都有相应的class与id与之对应,表示这有什么样的功能或者是哪一部分,如top 这表示这是一个页面头部nav 这表示这是页面的导航,诸如此类 div加上class或者id有利于样式表的分离以及脚本选择器的应用,也使代码看起来更清楚,功能更明白CLASS与ID的区别与命名规则 class与id的区别在于1.id 属性为一个元素分配一个唯一的名字。每个名字只能在被赋予的页面使用一次。class不受约束2.基于上面一点id的唯一性,id往往用于强调该部分的重要性。3.在防止身份重用的情况下,class往往更受人喜欢

3、。class与id的命名都必须用英文,不要以下划线和数字开头。对于英文的命名必须以相应的单词(或其缩写)或组合词来表示身份,如导航用nav,内容用content,底部用footer等等。关于有语义标签的应用(标准化代码)作为一名合格的程序员,往往能编写出高质量且清晰的代码。那么什么样的代码才符合标准呢?我简单地归纳了几点:1.要有清晰的格式,讲究对称与缩进2.对于组成元素的命名要尽量准确,不能随便捏造3.尽量使用有语义标签,布局方面以div为主,数据化布局以table为主。4.团队合作时要尽可能多用注释来使人阅读容易5.网页的主要编写顺序一般是:框架(HTML)样式(CSS)脚本(JS)6.在

4、写代码之前先要分析页面的组成以及可重复调用块的个数,优化代码7.页面样式最好分离成单独的样式表,脚本最好分离成单独的脚本文件诸如此类等等。有语义标签的汇总标签名标签名英文英文中文中文divdivision分隔spanspan范围olordered list有序列表ulunordered list无序列表dldefinition list定义列表dtdefinition term定义术语dddefinition description定义描述deldeleted删除insinserted插入有语义标签的汇总标签名标签名英文英文中文中文h1h6header头部pparagraph段落hrhoriz

5、ontal rule水平尺aanchor锚abbrabbreviation缩写词acronymacronym取首字母的缩写词addressaddress地址varvariable变量prepreformatted预定义格式有语义标签的汇总标签名标签名英文英文中文中文blockquoteblock quotation区块引用strongstrong强调ememphasized加重bbold粗体iitalic斜体bigbig变大smallsmall变小supsuperscripted上标subsubscripted下标有语义标签的汇总centercenter居中brbreak换行换行fontfon

6、t文字uunderlined下划线sStrikethrough删除线fieldsetfieldset域集legendlegend图标captioncaption标题使用语义标签的好处 代码更清晰,团队合作起来更简单 具有极大地浏览器亲和性,兼容性好 运行效率高,代码不冗繁 在样式表被禁用的情况下仍能表现出极好的效果 有利于代码更好地结构化非语义化实例 HTMLhtml是一门很容易上手的基础性语言,相比较其他语言来说,html要容易得多,那么它有什么特点呢?HTML 指的是超文本标记语言(Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言(markup language)标记语言是一套标记标签(markup tag)HTML 使用标记标签来描述网页 语义化实例 HTMLhtml是一门很容易上手的基础性语言,相比较其他语言来说,html要容易得多,那么它有什么特点呢?HTML 指的是超文本标记语言(Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言(markup language)标记语言是一套标记标签(markup tag)HTML 使用标记标签来描述网页 谢谢观赏WPS OfficeMake Presentation much more funWPS官方微博kingsoftwps

侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|