什么是CSS,CSS是如何工作的

  1. CSS 即层叠样式表(Cascading Style Sheets),是用来样式化和排版网页的,是一种用于向用户指定文档如何呈现的语言
  2. Web浏览器将CSS规则应用于文档以影响它们的显示方式,当浏览器显示文档时,它必须将文档的内容与其样式信息结合。
  3. 它分两个阶段处理文档:
    * 浏览器将 HTML 和 CSS 转化成 DOM (文档对象模型)。
    * DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。览器显示 DOM 的内容。

CSS的基本语法

  1. CSS是由两块内容组合而成的:

    • 属性(Propertie):一些人类可理解的标识符,这些标识符指出你想修改哪一些样式,例如:字体,宽度,背景颜色等。
    • 属性值(Value):每个指定的属性都需要给定一个值,这个值表示你想把那些样式特征修改成什么样,例如,你想把字体,宽度或背景颜色改成什么。
    • 与值配对的属性被称为CSS声明。CSS声明会被放置在一个CSS声明块中。最后,CSS声明块与选择器相结合形成一个CSS规则集(或CSS规则)。
  2. CSS选择器是什么概念,简单选择器和属性选择器是什么

    • 选择器用于定位我们想要样式化的网页HTML 元素。选择器是 CSS 规则的一部分且位于 CSS 声明块前。
    • 简单选择器(Simple selectors):通过元素类型、class 或 id 匹配一个或多个元素。
    • 属性选择器(Attribute selectors):通过 属性() / 属性值 匹配一个或多个元素。属性选择器-MDN

文本样式都有哪些相关属性,对应哪些值

PS:相关属性值并不全,只写了常见和我知道的。

  1. color :颜色相关属性,文本、边框等。
  2. font-family:字体选择。客户端没有该字体选择备用或默认字体。
  3. font-style:字体样式。normal(默认)、italic(斜体)
  4. font-weight:字体宽带。normal(默认)、bold(粗体,700)、900(最粗值)
  5. font-size:字体大小。有px、em、rem、vw等(rem一般在移动设备上使用)
  6. text-align:文本对齐。left(左)、center(中)、right(右)
  7. text-decoration:文本修饰。overline(上划线)、underline(下划线)、line-through(中划线)
  8. text-indent:首行文本缩进。px,em等
  9. line-height:内联元素行高。
  10. text-shadow:
  11. text-transform:文字大小写。uppercase(全大写)、lowercase(全小写)、capitalize(首字母大写)
  12. letter-spacin:两行元素之间的距离,可以为负值。

发现自己好多属性都不知道,或者要靠编辑器补全写。抓狂。