DIV CSS基础入门教程.doc

DIV CSS基础入门教程.doc

ID:11010136

大小:43.50 KB

页数:6页

时间:2018-07-09

DIV CSS基础入门教程.doc_第1页
DIV CSS基础入门教程.doc_第2页
DIV CSS基础入门教程.doc_第3页
DIV CSS基础入门教程.doc_第4页
DIV CSS基础入门教程.doc_第5页
资源描述:

《DIV CSS基础入门教程.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、DIV+CSS基础培训CSS是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。一、如何使用CSS样式1、链接外部样式(推荐)特点:样式与代码分离2、定义内部样式块对象body{属性}h1{属性}h2{属性}p{属性}特点:页面内部使用,方便,下载流量会适当减少。、3、内联

2、定义。文字文字

特点:随意、方便,但是不太符合规范,建议不采用此方法二、语法样式表语法(CSSSyntax)元素{属性:值}三、选择符通配选择符、类型选择符、属性选择符、包含选择符、子对象选择符、类选择符、ID选择符、选择符分组、伪类和伪对象选择符。通常用的有以下四种:1、类型选择符div{font-size:12px;}
定义的样式
特点:不用定义额外的元素,直接可以写CSS样式。2、ID选择符(#)#id{font-size:12px;}

3、”text”>定义的样式

特点:可以为单独为某个元素定义的样式。3、类选择符(点).text{font-size:12px;}定义的样式
特点:可以为一个页面里面多个应用此类的元素定义样式。4、包含选择符div#text{font-size:12px;}定义的样式

#textp{font-size:12px;}特点:精准定位到某个元素。四、常用的属性。1、字体:font,font-size,font-family,font

4、-weight,text-decoration,line-heightA.font是一个复合属性。所有后面的这几个属性的值都可以放在font里面用。B.font-size定义文字的大小。C.font-family定义字体。D.font-weight定义文字的粗细。E.text-decoration定义文字的装饰。F.line-height定义行高。2、文本:text-indent,vertical-align,text-alignA.text-indent,设置对象的缩进。B.vertical-align

5、,设置对象的上下对齐方式。C.text-align,设置对象的左右对齐方式。3、背景:background,background-color,background-image,background-position,background-repeatA.background定义背景的一个复合属性。和上面的font一样,可以把后面这几个属性的值都放在font里面用。B.background-color定义的是背景的颜色。C.background-image定义的是背景的图片。D.background-pos

6、ition定义背景的位置。E.background-repeat定义背景的是否平铺。4、定位:position,z-index,top,right,bottom,left.A.position定位方式。B.z-index定义层叠顺序。C.top,right,bottom和left表示距离他父级的上边,右边,下边和左边的距离。5、尺寸:width,heightA.width定义对象的宽度。B.height定义对象的高度。6、布局:clear,float,displayA.clear设置不允许又浮动对象的边。

7、B.float设置对象浮动及如何浮动。C.display设置对象是否及如何显示。D.visibility设置对象是否显示。

7、边框:border,border-top,border-right,border-bottom,border-leftA.margin定义外补丁的一个复合属性。同上。B.margin-top定义对象的上边距离父

8、级的边框。C.margin-right定义对象的右边距离父级的边框。D.margin-bottom定义对象的下边距离父级的边框。E.margin-left定义对象的左边距离父级的边框。8、外补丁:margin,margin-top,margin-right,margin-bottom,margin-left同上(外补丁)。9、内补丁:padding,padding-top,padding-right,padding-botto

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签