Web前端笔记｜CSS笔记️｜CSS基础（上）

CSS基础

为网页添加样式

术语解释

css规则 = 选择器+ 声明块

选择器 ：选中元素

元素选择器 :

ID选择器 ： 选择

类选择器

声明块出现在大括号中，声明块中包含很多声明，也叫做属性，每一个声明表达了某一方面的样式

CSS代码书写的位置

内部样式表（样式少的时候可以使用）

书写在style元素中，通常把style元素放在head中

内联样式表（元素样式表）

直接书写在元素的style属性中

外部样式表

将样式书写到独立的css文件中，

>外部样式可以多页面样式重复的问题

>有利于浏览器缓存，从而提高页面速度

>有利于代码分离（HTML和CSS），更容易阅读和维护

常见样式声明

常见样式

color

元素内部的文字颜色

background-color

元素背景颜色

font-size

元素内部文字的尺寸大小，每个元素必须有字体大小，如果没有声明，则直接使用父元素的字体，如果没有父元素，则使用基准字号

| px : 像素，单位，简单的理解为文字的高度占多少个像素

| em: 相对单位 ，相对于父元素的字体大小