CSS 层叠样式

CSS 层叠样式表

层叠样式表(Cascading Style Sheets)也叫做串样式列表、级联样式表、串接样式表、层迭样式表、阶层式样式表。
层叠样式表 CSS用于控制页面的样式,包括字体的颜色和大小、线的宽度和颜色、网页中各项之间的空白量。层叠样式表规范是指定说明如何显示文档中元素内容的规则。

一、CSS 样式基础知识

  1. CSS 样式的几种来源介绍
  2. CSS 样式的层叠和优先级说明
  3. CSS 样式的继承机制说明
  4. 使用 CSS3 中@media 实现网页自适应
  5. CSS 样式中@media 和 @keyframes标签介绍
  6. CSS脚本语言:Sass和Less

二、样式选择器

  1. CSS 样式选择器-常用选择器
  2. CSS 样式选择器-伪类选择器说明
  3. CSS 样式选择器-伪元素选择器说明

三、盒子模型

  1. CSS 盒子模型介绍:包括 border、padding、margin、box-shadow 元素介绍
  2. CSS3 中盒子模型增强:包含box-sizing、resize、overflow、outline和border-image 属性
  3. CSS 样式中的长度介绍
  4. 行元素中基线、底线、顶线、中线、vertical-align 等概念和属性介绍

四、页面布局

  1. 页面布局思路和CSS 样式编写规范
4.1、页面布局:文档流布局和浮动布局
  1. Html 标记语言块级别元素和内联元素
  2. CSS 样式中块元素、行元素和行内块元素介绍
  3. 前端页面布局方式:文档流布局
  4. 前端页面布局方式:浮动布局
  5. 浮动布局中:清除浮动的方式:Clear 属性和伪元素
  6. 不定宽的浮动元素如何设置水平居中
4.2、页面布局:元素定位布局
  1. 前端页面布局方式:定位布局
  2. CSS 中 Position 定位元素详解
  3. CSS 样式表中 z-index 堆叠规则
4.3、Flex 弹性页面布局方式介绍
  1. FlexBox 弹性页面布局
  2. FlexBox 弹性页面布局属性详解

五、CSS 常用属性介绍

  1. CSS 基础常用标签
  2. 列表List样式

六、文字样式设置

  1. CSS 字体样式属性设置 – font
  2. CSS 样式设置元素的显示和隐藏 display、visibility和overflow
  3. CSS 样式设置文字不换行、换行截断、溢出省略号
  4. CSS 样式设置:文本内容溢出使用省略号

七、使用技巧收集

  1. 小技巧积累

Less (CSS 预编译语言)

Less 诞生于 2009 年,受Sass的影响创建的一个开源项目。它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充(引用于官网)。国内外都很受欢迎,并且它的项目团队很是强大,是一款十分优秀的预处理语言。

  1. CSS 预编译语言 LESS 介绍
  2. CSS 预编译语言 LESS 介绍-续

HTML 超文本标记语言 和 HTML 5新特性

  1. html 标记语言组成和常用元素介绍
  2. html 标记语言 table介绍
  3. html 标记语言 tabindex介绍
  4. html 标记语言 frame 框架介绍
  5. html 标记语言设置页面锚点

一、HTML 5 新语义介绍

  1. Html 5 新语义介绍和音频、视频元素
  2. html 标记语言表单 Form介绍