CSS初步

演讲者:whqet

内容提纲

  1. CSS简介
  2. CSS语法
  3. CSS历史

CSS特性

继承 & 覆盖

CSS语法

CSS基本逻辑——找见某个、某些元素“玩弄”它(们)

/*
选择符{
    一个属性: 属性值;
  另一个属性: 属性值;
            ……
}
*/
p{
    text-indent:2em;
    line-height:1.5;
}

使用css

  1. 内联方式 Inline Styles
  2. 页内方式 Embedding a Style Block
  3. 外部样式表 Linking to a Style Sheet

使用css-内联样式

使用对象标签的style属性里定义样式

作用域限于本对象,且优先级最高

不推荐使用,因其丧失CSS的灵活性

使用css-页内方式

head标签中插入style标签定义样式

作用域限于本文档

如果确定某部分页码只限本页有效,且更新不频繁,页内方式使用css

使用css-外部样式表

head标签中插入link标签导入外部CSS文件

作用域限于所有链接CSS的网页文档

css历史

  1. 1996.12.17, css1发布
  2. 1998.05.12,css2发布
  3. 2011.06.17,CSS2.1发布
  4. css3将CSS划分为小的模块逐个开发,目前进度不一。

w3工作流程

  1. 工作草案-Working Draft (WD)-标准的设计阶段
  2. 候选标准-Candidate Recommendation (CR)-标准的测试阶段
  3. 推荐标准-Recommendation (REC)-标准的完成阶段

前端开发

旨为前端开发工程师的前端开发基础课程