EvanSun__

Python预科学习 -- 前端基础知识之CSS

- CSS 介绍
- CSS基础语法
- - CSS的引入方式
  - CSS的格式
- CSS 选择器
- - id选择器
  - class选择器
  - 元素选择器
  - 通用选择器
  - 组合选择器（此部分未听课，记得复习）
  - - 后代选择器
    - 儿子选择器
    - 毗邻选择器
    - 弟弟选择器
    - 属性选择器
  - 分组和嵌套
  - - 分组
    - 嵌套（和后代选择器的区别？）
  - 伪类选择器
  - 伪元素选择器
  - 选择器的优先级
- CSS 属性相关
- - 宽和高
  - 文字字体
  - 字体大小
  - 字重（粗细）
  - 文本颜色
  - 文字属性
  - 文字装饰
  - 首行缩进
  - 背景属性
  - 边框
  - - 边框属性
  - display 属性
- CSS盒子模型（丄）
- - margin 外边距
  - padding 内填充
  - float 浮动
  - clear
  - overflow溢出属性
- CSS盒子模型（丅）
- - 定位（position）
  - - 文档流
    - static
    - relative（相对定位）
    - absolute（绝对定位）
    - fixed（固定）
    - z-index 设置对象的层叠顺序。
    - opacity
  - 块元素、内联元素、内联块元素
  - - 块元素
    - 内联元素
    - 内联块元素
- 应用
- - 制作一个导航栏

CSS 介绍

层叠样式表，是一种样式表语言，用来描述HTMIL和XML文档的呈现。随看HTML的发展，为了满足页面设计者的要求，HTML添加了很多显示功能，但是随着这些功能的增加，使得HTML越来越杂乱，HTML页面也越来越臃肿，CSS便随之诞生，CSS用于简化HTML标签，把关于样式部分的内容提取出来，进行单独的控制，使结构与样式分离开发

CSS是以HTMIL为基础，设置网页的外观显示样式，如字体、颜色、背景的控制及整体的布局等，和HTML类似，CSS也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。

CSS基础语法

CSS的引入方式

行间引入：直接在HTML中使用style参数引入样式，繁琐，不方便管理
内部引入：在HTML文件中使用