css其实很重要

　　在我的前端学习阶段中， css算是最早学习的基础课程了，html,css,js称为前端的三大基础，各个都需要掌握的基础牢固，在这里我会说到一些我关于css的看法。　　

　　css是级联样式表是一种用来表现HTMl（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

　　CSS的发展历史： 

CSS1

作为一项W3C推荐，CSS1发布于 1996年12月17 日。1999 年1月11日，此推荐被重新修订。

CSS2

作为一项 W3C 推荐，CSS2发布于 1999年1月11日。CSS2添加了对媒介（打印机和听觉设备）和可下载字体的支持。

CSS3

CSS3 计划将 CSS 划分为更小的模块。

　　CSS中我们有三种方法来使用它。

外联式Linking（也叫外部样式）：将网页链接到外部样式表。

嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。

内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。

其中，优先级：内联式 > 嵌入式 > 外联式

　　css的特点：

1.结构与样式分离的方式,便于后期维护与改版;
2.样式定义精确到像素的级别;
3.可以用多套样式,使网页有任意样式切换的效果；
4.降低服务器的成本；

5.用css样式建设的网站利于seo优化;

 

这里主要介绍一些我对CSS3的学习：

CSS3 被划分为模块。

其中最重要的 CSS3 模块包括：

选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面 

css3属性：

1.css3边框：

• border-radius
• box-shadow
• border-image (ie不支持)

2.css3背景

• background-size 为背景的尺寸。
• background-origin 为规定背景图片的定位区域。

3.css3文本效果

• text-shadow 为文本添加阴影
• word-wrap  为文本换行

4.css3文本字体

在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。

通过 CSS3，web 设计师可以使用他们喜欢的任意字体。

当您您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。

您“自己的”的字体是在 CSS3 @font-face 规则中定义的。

5.css3过渡

• transtion  简写属性，用于在一个属性中设置四个过渡属性。

6.css3动画

• @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。

Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。

Chrome 和 Safari 需要前缀 -webkit-。

　　

当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。

通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：

• 规定动画的名称
• 规定动画的时长

如 @keyframes 跟动画名

animation:跟动画名和等等属性来使用动画。

7.css3多列

通过 CSS3，您能够创建多个列来对文本进行布局 - 就像报纸那样！

在本章中，您将学习如下多列属性：

• column-count
• column-gap
• column-rule 

8.css3用户界面

在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。

在本章中，您将学到以下用户界面属性：

• resize
• box-sizing
• outline-offset 

这些都是css3中的出现的新特性。