选择器、属性和值
HTML 有标签,而 CSS 有选择器。选择器是内部和外部样式表中样式的名称。在本 CSS 初学者教程中,我们将专注于HTML 选择器,它们仅仅是 HTML 标签的名称,用于更改特定类型元素的样式。
每个选择器都有花括号内的“属性”,它们的形式就是单词,例如 color、font-weight 或 background-color。
在冒号(不是“等于”号)后为属性赋值。分号用于分隔属性。
body {
font-size: 14px;
color: navy;
}
这将把给定的值应用于 body 选择器的 font-size 和 color 属性。
所以基本上,当这应用于 HTML 文档时,body 标签之间的文本(即整个窗口的内容)将是 14 像素大小,颜色为海军蓝。
长度和百分比
CSS 中有许多特定于属性的值单位,但也有一些通用单位被多个属性使用,在继续之前,值得熟悉这些单位。
px(例如font-size: 12px)是像素单位。em(例如font-size: 2em)是字体计算大小的单位。所以“2em”,例如,是当前字体大小的两倍。pt(例如font-size: 12pt)是点的单位,通常用于印刷媒体的测量。%(例如width: 80%)是…等等…百分比的单位。
其他单位包括 pc(派卡)、cm(厘米)、mm(毫米)和 in(英寸)。
当值为零时,您无需指定单位。例如,如果您想指定无边框,那将是 border: 0。
