CSS基础教程:从入门到精通

发表时间: 2022-04-17 14:42

一、CSS使用场景

美化网页,布局页面

二、CSS简介

  1. CSS是层叠样式表(Cascading Style Sheets)的简称,也称之为CSS样式表或级联样式表
  2. CSS是一种标记语言,用于设置HTML页面中的文本内容(字体、大小、对齐方式等),图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式
  3. CSS最大价值:结构与样式相分离(由HTML专注去做结构呈现,样式交给CSS)

三、CSS规则

选择器以及一条或多条声明这两个主要部分构成

  1. 选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体形式
  2. 属性和属性值以"键值对"的形式出现,中间用英文冒号分开;多个键值对之间用英文分号分开

四、CSS代码风格

1.样式格式书写

a.紧凑格式
h3 { color: pink; font-size: 20px;}
b.展开模式(推荐)
h3 {
color: pink;
font-size: 20px;
}

2.样式大小写

小写字母

3.空格规范

a.属性值前面,冒号后面,保留一个空格
b.选择器和大括号中间保留空格