DIV+CSS基础入门教程.doc

  1. 1、本文档共7页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
DIVCSS基础入门教程

DIV+CSS基础培训 CSS 是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。一、如何使用CSS样式1、链接外部样式(推荐)link href=/style.css rel=stylesheet type=text/css / 特点:样式与代码分离2、定义内部样式块对象style type=text/css body { 属性 } h1 { 属性 } h2 { 属性 } p { 属性 } /style 特点:页面内部使用,方便,下载流量会适当减少。3、内联定义。p style=属性文字文字/p 特点:随意、方便二、语法 样式表语法 (CSS Syntax) 元素 { 属性:值 } 三、选择符 通配选择符、类型选择符、属性选择符、包含选择符、子对象选择符、类选择符、ID选择符、选择符分组、伪类和伪对象选择符。1、类型选择符div{ font-size:12px; } div定义的样式/div 特点:不用定义额外的元素,直接可以写CSS样式。2、ID选择符(#)#id{ font-size:12px; } div id=”text”定义的样式/div 特点:可以为单独为某个元素定义的样式。 3、类选择符(点) .text{ font-size:12px; } div class=”text”定义的样式/div 特点:可以为一个页面里面多个应用此类的元素定义样式。 4、包含选择符 div #text{ font-size:12px; } p id=text定义的样式/p #text p{ font-size:12px; } 特点:精准定位到某个元素。四、常用的属性。 1、字体:font, font-size, font-family, font-weight, text-decoration, line-height A. font是一个复合属性。所有后面的这几个属性的值都可以放在font里面用。 B. font-size定义文字的大小。 C. font-family定义字体。 D. font-weight定义文字的粗细。 E. text-decoration定义文字的装饰。 F. line-height定义行高。 2、文本:text-indent, vertical-align, text-align A. text-indent,设置对象的缩进。 B. vertical-align,设置对象的上下对齐方式。 C. text-align,设置对象的左右对齐方式。 3、背景:background, background-color, background-image, background-position, background-repeat A. background定义背景的一个复合属性。和上面的font一样,可以把后面这几个属性的值都放在font里面用。 B. background-color定义的是背景的颜色。 C. background-image定义的是背景的图片。 D. background-position定义背景的位置。 E. background-repeat定义背景的是否平铺。 4、定位:position, z-index, top, right, bottom, left. A. position定位方式。 B. z-index 定义层叠顺序。 C. top, right, bottom 和left表示距离他父级的上边,右边,下边和左边的距离。 5、尺寸:width, height A. width定义对象的宽度。 B. height定义对象的高度。 6、布局:clear, float, display A. clear 设置不允许又浮动对象的边。 B. float设置对象浮动及如何浮动。 C. display设置对象是否及如何显示。 D. visibility 设置对象是否显示。”lc”/div div class=”clear”/div 7、边框:border, border-top, border-right, border-bottom, border-left A. margin定义外补丁的一个复合属性。同上。 B. margin-top定义对象的上边距离父级的边框。 C. margin-right 定义对象的右边距离父级的边框。 D. margin-bottom 定义对象的下边距离父级的边框。 E. margin-left 定义对象的左边距离父级的边框。 8、外补丁:margin, margin-top, margin-right, margin-bottom, margin-left 同上(外补丁)。 9、内补丁:padding, padding

文档评论(0)

juhui05 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档