CSS(层叠样式表)是一种用于网页设计和开发的重要工具。通过应用 CSS,咱们能够轻松地对网页的布局、色彩、字体、款式等进行定制,使网页更加好看、易用、具备吸引力。本课将介绍 CSS 的基础知识,以及如何应用 font-awesome 等字体库来设计网页字体。
一、CSS 基础知识
CSS(层叠样式表)是一种用于网页设计和开发的重要工具。通过应用 CSS,咱们能够轻松地对网页的布局、色彩、字体、款式等进行定制,使网页更加好看、易用、具备吸引力。
选择器:选择器是用来指定元素的款式属性的。
常见的选择器包含:
- class:用于给元素增加类名,能够管制元素的款式。
- ID:用于给元素增加惟一的 ID,能够管制元素的唯一性。
- for:用于给元素增加等宽的边框,能够管制元素的边框款式。
- hover:用于给元素增加鼠标悬停时的款式,能够管制元素的鼠标悬停款式。
- focus:用于给元素增加焦点时的款式,能够管制元素的焦点款式。
- active:用于给元素增加激活时的款式,能够管制元素的激活款式。
- 属性:属性是用来定义元素的款式属性的。常见的属性包含:
- color:用于设置元素的文字色彩。
- background-color:用于设置元素的背景色彩。
- border-color:用于设置元素的边框色彩。
- border-style:用于设置元素的边框款式。
- border-width:用于设置元素的边框宽度。
- padding:用于设置元素的内边距。
- margin:用于设置元素的外边距。
- font-size:用于设置元素的字体大小。
- font-family:用于设置元素的字体。
- line-height:用于设置元素的行高。
- text-align:用于设置元素的文本对齐形式。
- text-decoration:用于设置元素的文本装璜。
- text-shadow:用于设置元素的文本暗影。
- display:用于设置元素的显示方式,包含元素的显示和暗藏。
- 值:值是用来定义元素的款式属性的。常见的值包含:
- none:用于勾销元素的默认款式。
- block:用于将元素设置为块级元素,能够管制元素的宽度和高度。
- inline:用于将元素设置为行内元素,能够管制元素的宽度和高度。
- inline-block:用于将元素设置为行内元素,并且能够管制元素的宽度和高度。
- table:用于将元素设置为表格元素,能够管制元素的边框、填充和字体等属性。
本文由 mdnice 多平台公布