CSS | 青训营笔记

122 阅读2分钟

一、CSS概述

(一)产生背景

  • 从HTML被发明开始,样式就以各种形式存在,最初的HTML只包含很少的显示属性。
  • 随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能,例如:文本格式化标签。
  • 但是随着这些功能的增加,HTML变得越来越杂乱,而且HTML页面也越来越臃肿。
  • 于是CSS便诞生了。
  • CSS全称Cascading Style Sheets,层叠式样式表,是一种用来表现HTML的文件样式的计算机语言。
  • 作用:静态在修饰网页,并且可以配合脚本语言动态地对网页各元素进行格式化。

(二)发展过程

  • CSS 1
  • CSS 2
  • CSS 3

(三)CSS概念

  • CSS全称Cascading Style Sheets,层叠式样式表,是一种用来表现HTML的文件样式的计算机语言。
  • 作用:静态在修饰网页,并且可以配合脚本语言动态地对网页各元素进行格式化。

二、CSS语法

(一)CSS代码书写位置

  • CSS的代码根据书写位置不同分为四种书写方式:内联式、内嵌式、外联式、导入式。
  • 外联式样式表标签属性

(二)CSS规则

  • CSS规则由两个主要的部分构成:选择器 { 一条或多条声明 }

(三)CSS注释语法

  • 一个清晰易读的CSS代码,离不开CSS注释的合理添加。
  • 语法格式:/* 中间部分为注释内容 */
  • VS Code快捷键:ctrl+/

(四)CSS代码书写风格

  • 代码风格是实际开发中的书写方式,并非强制标准。

三、CSS常用样式

(一)文字三属性

  • 颜色值的两种写法
  • 常用的颜色名和颜色值
  • 字体和字号的注意事项及实际应用

(二)盒子实体化三属性

  • 如果想在浏览器中具体看到一个盒子占有的实际位置,需要设置盒子可以实体化的三属性。

四、CSS选择器

  • 在内嵌式和外部CSS中,要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素,这时需要用到CSS中的选择器。
  • 选择器:选择要添加样式的HTML标签的一种方法、模式。