《HTML CSS JavaScript网页制作三合一案例教程》教学课件 03第三章.pptxVIP

主编：徐照兴、谭鸿健、郑宁健;第三章 使用CSS设置文字效果;;案例一 制作个人博客首页——设置文字样式;案例一 制作个人博客首页——设置文字样式;一、CSS文字样式常用属性;属性为font-family，基本语法为：font-family:字体1,字体2,字体3; 。例如：;属性为font-size，基本语法为：;属性为font-style，基本语法为：;属性为font-weight，基本语法为：;属性为color，基本语法：;属性为font-variant，作用是将所有小写字母转换为小型大写字母，基本语法：;可以用font来组合设置文字属性。例如：;二、网页中元素的长度单位;绝对长度单位所定义的元素大小一般都比较固定，大小显示不受其他因素影响，一般在网页制作中使用较少。;相对长度单位是指网页元素的大小相对于某个参照物来确定，如使用屏幕分辨率、父元素或浏览器作为参照物等。相对长度单位在网页设计中较常用，如表3-6所示。;三、为网页元素设置颜色的技巧;案例二 制作个人博客子页——设置段落和其他文字样式;案例二 制作个人博客子页——设置段落和其他文字样式;一、CSS段落和其他文字样式属性;修饰文字是指为文字添加下划线、删除线和上划线等，属性为text-decoration，基本语法为：;属性为text-transform，基本语法为：;属性为letter-spacing，用来调整中文字符或英文字母之间的间距，基础语法为：;属性为word-spacing，用来调整英文单词之间的间距，属性值和使用方法与letter-spacing属性相同。;属性为text-align，可以设置段落的左、中、右和两端对齐。该属性可应用于HTML中的任何块级标签，如p、h1 ~ h6、div等。基础语法为：;属性为text-indent，基础语法为：;指调整行与行之间的距离，属性为line-height，还可以利用该属性让文字纵向居中。基础语法为：;二、HTML常用符号;案例三 制作个人博客排行榜——设置列表样式;案例三 制作个人博客排行榜——设置列表样式;一、CSS列表样式常用属性;属性为list-style-type，用于设置列表项的符号类型，基本语法为：;属性为list-style-image，用来将图片作为列表符号，从而丰富和美化列表符号，其基本语法为：;属性为list-style-position，用来设置列表符号的缩进，即列表项的位置，其基本语法为：;二、清除列表的默认边距;三、div与span标签补充讲解;四、块级元素与行内元素补充讲解;Thank you！