资讯专栏INFORMATION COLUMN

CSS基本知识介绍

YPHP / 1606人阅读

一 前言

目前在做IFE的练习,初步学习到CSS内容,所以做了总结。
本博文 主要分为两部分,第一部分介绍HTML的发展,第二部分则介绍了CSS基本概念

二 HTML的发展 2.1 语义化和结构化的重要性

S1 便于搜索引擎建立内容索引;
S2 便于开发和维护;
S3 便于盲人等特殊用户使用

2.2 为什么要引入CSS

S1 随着发展, 之前描述结构的HTML同时也需要描述外在表现了
  这就造成了 HTML的结构混乱,和代码冗余

S2 CSS提供了更多的 足够丰富的样式

S3 减少代码冗余,样式分离后便于代码维护

S4 可以实现在多个页面上复用同一套基本样式

S5 独立了样式内容,减少了HTML的文件大小

三、CSS基本概念术语 3.1 元素

S1 每个HTML元素都会生成一个框box,其中包含元素内容

S2 元素分类
  A1 可以分为 替换元素/非替换元素
  A2 可以分为 块级元素/行内元素
  块级元素框默认会填充 父元素的全部内容区;
  在HTML/XHTML中,行内元素不能包含块级元素,但在CSS中没有这种限制 (P16)

3.2 引入CSS

S1 外部样式表: HTML的 元素
  A1 有一个media属性,值可以取 screen / print / all ....
  A2 一个样式表同时用于多个媒体中:
   A3 候选样式表 (P23)

S2 文档样式表: HTML的