在学习HTML时，通常也会使用HTML对文本字体进行一些非常简单的样式设置，而使用CSS 对字体样式进行设置远比使用 HTML灵活、精确得多。
`font-family` 属性用来定义一个优先级字体列表。浏览器会从左到右尝试加载列表中的字体，如果某个字体不可用，则会尝试下一个。
讯享网
讯享网
代码1
讯享网
代码2
讯享网
网页的排版离不开对文本的设置，本节主要讲述常用的文本样式，包括文本对齐方式行高、文本修饰、段落首行缩进、首字下沉、字符间距、文本截断、文本颜色及背景色等
代码3
讯享网
代码4
讯享网
代码5
讯享网
代码6
讯享网
代码7
讯享网
`letter-spacing` 属性用于设置字符之间的间距。
说明:该属性定义元素中字符之间插人多少空白符。如果指定为长度值，会调整字符之间的标准间距，允许指定负长度值，这会让字符之间变得更拥挤。
代码8
讯享网
当需要在一行内显示文本，并且当文本过长时希望显示省略号时，可以使用 `text-overflow` 和 `overflow` 属性。
代码9
讯享网
讯享网
代码10
图像是网页中不可缺少的内容，它能使页面更加丰富多彩，能让人更直观地感受网页所要传达给浏览者的信息。本节详细介绍CSS设置图像风格样式的方法，包括图像的边框、图像的缩放和背景图像等。
讯享网
代码11
讯享网
代码12
讯享网
代码13
讯享网
代码14
6.3.5.1 使用关键字进行背景定位
讯享网
代码15
6.3.5.2 使用长度进行背景定位
长度参数可以对背景图像的位置进行更精确的控制，实际上定位的是图像左上角相对于元素左上角的位置。使用具体的长度值来定位背景图像。
讯享网
代码16
6.3.5.3 使用百分比进行背景定位
讯享网
代码17
在前面章节中讲解的表单设计大多采用表格布局，这种布局方法对表单元素的样式控制很少，仅局限于功能上的实现。本节主要讲解如何使用CSS控制和美化表单。
表单中的元素很多，包括常用的文本域、单选钮、复选框、下拉菜单和按钮等。下面通过一个实例讲解怎样使用CSS修饰常用的表单元素。
6.4.1.1 修饰文本域
讯享网
代码18
6.4.1.2 修饰按钮
讯享网
代码19
6.4.1.3 制作登录表单
讯享网
代码20
（1）栏目目录结构。在栏目文件夹下创建文件夹images和css，分别用来存放图像素材
和外部样式表文件。
（2）页面素材。将本页面需要使用的图像素材存放在文件夹images下。(3）外部样式表。在文件夹css下新建一个名为style.css的样式表文件。
讯享网
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/144968.html