CSS | 青训营笔记

86 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天

CSS

CSS(层叠样式表)是用来描述HTML文档(或其他XML文档)的外观和格式的一种语言。它可以定义文本的大小,颜色,字体,对齐方式,背景图像,边框,位置等。它是一种样式语言,用于定义如何显示HTML元素的结构和外观。CSS可以把文档格式化以及创建动态效果,比如动画和交互。

CSS有三种基本模式:嵌入式,外部式和内联式。嵌入式CSS使用一个单独的文件,在HTML文档中引用它。外部式使用外部文件,可以被多个HTML文档引用。内联式CSS使用在HTML文档中的样式标记。

CSS包含应用于HTML文档的规则。这些规则可以定义文本的大小,颜色,字体,对齐方式,背景图像,边框,位置等。CSS还可以应用于更多的文档类型,包括XML,SVG,HTML5等等。

CSS有继承和优先级两个重要的概念。继承允许部分CSS规则从父元素继承到子元素。优先级可以决定哪些规则会被应用,当有多个规则共享相同的元素时。

CSS还有一些高级技术,如媒体查询,动画,变体,伪类,伪元素,网络字体,定位,多列和自适应布局等。这些技术可以用来实现一些复杂的效果,如自适应响应式布局,移动优先的设计,动画,交互式元素等。

颜色,文字

  1. RGB(Red Green Blue)

RGB是现代计算机显示器上最常用的颜色模式,其中每种颜色由三个基本色(红、绿、蓝)组成。每种基本色分别有从0到255的256个取值,其组合可以产生1677万种颜色。

  1. HEX(Hexadecimal)

HEX是16进制(Hexadecimal)的简称,它是一种常用的用于表示颜色的字符串的方式,以#开头,后面跟着6位16进制数,如#FF0000表示红色。

3.HSL(Hue Saturation Lightness)

HSL是一种色彩模型,它以色调(Hue)、饱和度(Saturation)、亮度(Lightness)作为参数,能提供更精确的颜色控制。色调滑块用来改变色调,饱和度和亮度滑块则用来改变饱和度和亮度。

body {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
background-color: #fafafa;
color: #333333;
}