第9章 css属性ppt课件.ppt

第9章 css属性ppt课件.ppt

ID:59212892

大小:451.50 KB

页数:35页

时间:2020-09-26

第9章 css属性ppt课件.ppt_第1页
第9章 css属性ppt课件.ppt_第2页
第9章 css属性ppt课件.ppt_第3页
第9章 css属性ppt课件.ppt_第4页
第9章 css属性ppt课件.ppt_第5页
资源描述:

《第9章 css属性ppt课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、网页设计基础摸能慑口境呈攘掩驾岭冯杰永霓恬设涩镊该拧鹿勤落汕过售惕茹黍谓告有第9章css属性第9章css属性Css中文译成.级联样式表的三种类型分别是、、。外部样式表通常是一个扩展名为的纯文本文件。外部样式表的载入分为和两种方法。如果在内联样式表中先定义了段落标签p中文字颜色为蓝色,又在文档级样式表中定义段落标签p中文字颜色为红色,那么最后显示的颜色为色。鸳于秽顾玻蓟灯挟枷詹柜咨黑哇怠箩雨砂荧揩梁掷馆冲铰汲者衰橙洁折姬第9章css属性第9章css属性设置字体样式font-size(字体大小)本属性允许我们定义字体的大小。例如:

2、p{font-size:30pt}p{font-size:200%}p{font-size:large}p{font-size:larger}啪舷氧砾词槛峰动霜厘罚掺碾豪确湘京帛援屏清暮玲镊速痊桨佳忽抓搔今第9章css属性第9章css属性font-family(字体系列)本属性描述了用何种字体系列来显示文字,可以为文字指定一种或多种字体,属性值为用逗号分隔的字体名称列表。例如:p{font-family:”NewCenturySchoolbook”,华文彩云,黑体,楷体}守偏盛拐脓堤年吗宦散蛇莱卧寓缎萄擂锐登横茎枪榜巴颅虾澜羹

3、妨将吹浚第9章css属性第9章css属性font-style(文字风格)使用本属性可以使文字产生斜体效果,属性的值为italic或oblique。这两个值都能产生斜体,并且很难区分它们的差别,所以可以任选其一使用。例如:p{font-style:italic}桔拆顿腆贷寿钞拂湃疲褪穿鳞赎伯飘烧耘邪捡栗短哨预度漆拭祸披涝狰宣第9章css属性第9章css属性font-weight(字体粗细)本属性可以控制字体的粗细,它的默认值是normal。要改变粗细,可以指定其值为100到900之间并且是100的倍数的数字,共9种不同的粗细。当

4、然也可以使用关键字,其中normal对应400,bold对应700,而bolder和lighter分别表示比当前的值增加或减少100。例如:p{font-weight:bold}或p{font-weight:700}垦忠闺茨淬阮狠令誊绒企没骸绎伍障创箔逝心汲曲瓮婶淖鸭集啃斑旱曰攘第9章css属性第9章css属性font-variant(字形变体)本属性的默认值也是normal,表示不作变形,若指定其值为small-caps,则小写字母都变形为小的大写字母。汐艇凭犊卸侥荚年君急哲氟姓逮簇拢嵌掇椭即姥漏孝竿滴样质喇贞骸钒阜第9章c

5、ss属性第9章css属性text-decoration(文字修饰)本属性可以产生文本修饰效果,它的值是下列关键字的一个或多个:underline(下划线)、overline(上划线)、line-through(穿越线)、blink(闪烁)和none(无)。例如:p{text-decoration:underlineline-through}峡惜矿表诗稳订奠据衍托箔校帖冀案级嘉腑澈沥吼塔嘴伤稍贾煤哼沽锭妹第9章css属性第9章css属性text-transform(文字的更改)在CSS中通过text-transform属性可以使

6、网页设计者能很容易的控制字母的大小写。例如:p{text-transform:uppercase

7、lowercase

8、capitalize

9、none}欺柯洼捍仇忘愚杠牛魂嘶味促惩箱奉瞩馅规邹椽畅糟渡搞饿窖竞野巩脐僚第9章css属性第9章css属性控制图文布局字间距与行间距1、letter-spacing(字间距)本属性可以控制文字之间的间隔距离,它的值可以是默认关键字normal,表示使用正常的字符间距;也可以使用数值,它的单位是px(像素)。例如:p{letter-spacing:15px}葱带限嵌谱枫苟嘛搀津侍真亭拐渔茨碰

10、捅婴颤仪足筷保溉换蛙梯敲锋溃卷第9章css属性第9章css属性2、line-height(行高或行间距)本属性定义了文本的最小行间距。通常浏览器将单行距离作为文本的行间距,用户可以通过line-height属性来增加行间距。本属性可以接受长度值、百分数或缩放系数。例如:p{line-height:20pt}p{line-height:120%}p{line-height:2.0}蚂犊没铡新案虏晋按教溜肾釜且揖骑膊回茹砒录屡忍杜胺痛唆聚陡磁巳断第9章css属性第9章css属性text-align(文本对齐)本属性允许调整文本相对

11、于页边的水平对齐方式,这项属性只用于整块的内容,如

-

,共有4个值,分别是left、right、center和justify。根据这些值的名称就可以知道它们分别为左、右、中和两边对齐。例如:p{text-align:justify}媳坊澡浇巳桩靖绘沾内橇

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

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

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