理解CSS|青训营笔记

这是我参与【第四届青训营】笔记创作活动的第三天

CSS颜色

• RGB模型 ：红绿蓝三原色的数量

  表示方法：rgb(红色通道值,绿色通道值,蓝色通道值)

• HSL模型

  色相（H）、饱和度（S）、亮度（L）

• 直接指定颜色值（不容易记忆，不实用）

补充：alpha（透明度）值为1时完全不透明，值越低越透明。

CSS字体

• font-family：可指定多个字体，用逗号隔开，从前往后表示优先级。最后要加上通用字体族，是一种风格一种分类，并不是特殊的字体。此外建议英文字体写在中文字体前面。

使用web-font：使用自定义字体

• font-size:

  （1）关键词：small、medium、large (2)长度：px、em (3)百分数：相对于父元素字体大小

• font-variant:字体风格

  normal 正常 、 italic 斜体 、 oblique倾斜

• font-weight：字体粗细[100,900]

  noraml正常（400）、bold加粗（700）、bolder更粗、lighter更细

• line-height：行高

CSS文本

• text-align：文本对齐

  left（左对齐）、right（右对齐）、center（文本居中）、justify（两端对齐）

• letter-spacing：字符间距

• text-indent：文本缩进

• text-decoration：文本装饰

  underline（下划线）、line-through（删除线）、overline（上划线）

• white-space:

  normal:展示时合并多个空格、nowrap:强制不换行，下部滚动浏览

  pre:保留所有空格和换行、pre-wrap:保留空格该换行换行、pre-line：合并空格保留换行

 以上是CSS的基础内容，包含关于颜色、字体和文本样式的设置 ，可以通过右键点击页面，选择检查或者使用快捷键·Ctrl+shift+I来调试CSS样式，今天的分享就到这里了