【学习笔记】css基础知识复习总结

css概述

什么是css

级联样式表 初始样式表

CSS是用来定义HTML元素显示的样式和布局方式的,例如设置显示字体的颜色,大小等效果。

p{
  color:red;
  font-size:24px;
}

css发展历程

从1994年开始,直到1996年才出版了第一版CSS要求。CSS发展至今,也仅经历了3个大版本的更新和互换。具体每个版本发布的时间如下:

内联样式

<div style="color: lightcoral;">这是测试内容.</div>

【学习笔记】css基础知识复习总结

内嵌样式表

<style type="text/css">
    p {
        color: lightcoral;
        font-size: 24px;
    }
</style>

两个问题:

外联样式表

<link rel="stylesheet" href="style/demo.css">

加载过程

  1. 浏览器会加载HTML页面并进行解析。
  2. 解析到“元素约会的CSS文件,并通过href属性读取到CSS文件的路径。
  3. 根据读取的路径,开始加载CSS文件并进行解析。

【学习笔记】css基础知识复习总结

css语法结构

【学习笔记】css基础知识复习总结

css注释

【学习笔记】css基础知识复习总结

上一篇

【学习笔记】css选择器基础概念复习