大数据开发基础之CSS基础知识

作为大数据开发基础的一部分，CSS：层叠样式表，是英文Cascading Style Sheets的首字母缩写，是一种用来表现HTML或XML等文件样式的计算机语言，也是一种标记语言。
主要是帮助美化网页，布局页面，CSS不仅可以静态地修饰网页，还能配合各种脚本语言动态地对网页各元素进行格式化。CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。

一、基础知识 
CSS特点：丰富的样式定义、易于使用和修改、多页面应用、层叠、页面压缩。
CSS的引用方式：
（1）行内样式：使用style属性，只是对当前标签有效，页面内容和样式高度吻合的
<p style="color: red">Hello world.</p>
（2）内部样式：在head中使用style标签，当前页面有效，内容和样式一定程度分离，但是不彻底。
<style>
　　　div {
　　　　　　　　color: red;
　　　　　　　　font-size: 12px;
　　　　　　}
</style>
（3）外部样式：将样式写到一个单独CSS文件中，需要用到HTML文件，引用它即可，实现了内容与样式的完全分离。
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
CSS的颜色：
color 属性用于定义文本的颜色。例如：
div {
    color: red;
}
CSS中颜色的表示方法
1.预定义的颜色值 red,green,blue……等
2.十六进制 #FF0000、#FF6600等（
3.RGB代码 rgb(255,0,0)或rgb(100%,0%,0%
4.RGBA:是在原有RGB上添加了透明底，alpha
5.HSL：用色调、饱和度和明度3个分量表示颜色
6.HSLA：在HSL上添加了透明度
 
二、基础语法
CSS和HTML一样都是浏览器能解析的计算机语言，因此CSS也有自己的语法结构；
CSS 规则由三个主要的部分构成：
1. 选择器，以及一条或多条声明，但值得注意的是声明必须要放在大括号内{ }。
2. 每条声明由一个属性和值组成，属性和值用冒号分开，每条语句以英文的分好结尾。
selector {declaration1; declaration2; ... declarationN }
Selector是选择符，最常见的选择符是HTML标签；property是选择符的属性，Value是选择符的属性值。（注意：多个选择符用分号隔开）
例子：h1 {color:yellow; font-size:16px;}
h1是选择器；color和font-size是属性；16px则是属性值。
 
以上就是CSS的基础知识和语法，CSS是大数据开发基础的重要一环，与HTML相辅相成，能够使网页的制作更加美观大方，令人赏心悦目。多加实操练习，才能够促进自己进步。