CSS第四章文字与图像.pptVIP

株洲科技IT教育：成才热线:0731术QQ:2548462099 第 * 页 软 件 开 发 世 界 第四章文字与图像 CSS文字样式 body h1Head Line/h1 p class=p1he Internet Society mission is to achieve a world in which everyone everywhere is connected to an open and universally accessible Internet. /p p class=p2span class=firstLetterT/Spanhe Internet Society’s mission is to achieve a world in which everyone everywhere is connected to an open and universally accessible Internet. Since its inception in 1992, ISOC has been at the forefront of global Internet education by bringing essential information and training to people throughout the world.The Internet Society’s mission is to achieve a world in which everyone everywhere is connected to an open and universally accessible Internet. Since its inception in 1992, ISOC has been at the forefront of global Internet education by bringing essential information and training to people throughout the world./p /body 设置字体 在CSS中字体是通过font-family属性来控制的。 style type=text p{ font-family:Arial,Times New Roman; } /style 文字大小 font-size p{ font-family:Arial,Time New Roman; font-size:18px; } 行高 在CSS中，还可以设置一个段落中各行文本的高度，这是通line-height属性设置的。在CSS中的line-height的值表示的是两行文字之间基本的距离，也就是每行文字的高度。如果给文字加上下划线，下划线的位置就是文字的基线。 line-height:18px; 设置文字的三个基本的属性，即字体、大小和行高。在CSS中，还可以把它们组合在条CSS规则中。 font:12px/18px Arial; Arial字体，大小为12像素，行高18像素。注意在字体和行高之间要用斜线隔开 文字颜色与背景颜色 在CSS中，除了可以设置文字的颜色，还可以设置背景的颜色，使用的属性是background-color。 h1{ background:#678; color:white; } 文字加粗、倾斜与大小写 font-weight:normal; 正常 font-weight:bold 加粗 font-style:normal; 正常 font-style:oblique; //倾斜 font-style:italic; //意大利体 text-transform:capitalize; 单词首字大写 text-transform:uppercase; 全部大写 text-transform:lowercase; 全部小写 文字的水平对齐方式与段首缩进设置 h1{text-align:center;} 要左对齐或着右对齐，只需要将text-aligin属性设置left或者right即可。如果要设置两端对齐justify; p{text-indent:2em;} 在CSS中，段首缩进是通过text-indent属性设置的，直接将缩进距离作为数值即可。 CSS图像样式 img{ border:1px gray dashed; margin:10px 10px 10px 0px; padding:5px; float:left; } 背景图像 body{ background-image:url(bg.gi