在学习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的样式表文件。
到此这篇css规范写法(css书写注意事项)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdhtml/64290.html