第四周周记

一、CSS常用属性
CSS的常用属性有很多，在这里我主要学习了如下属性。

1. CSS背景
   CSS的背景属性用于定义HTML元素的背景。
   背景颜色的background-color属性定义了元素的背景颜色。
   页面的背景颜色使用在body的选择器中。

2. CSS颜色
   CSS的颜色属性可以通过以下方法指定：
   （1）十六进制颜色
   所有主要浏览器都支持十六进制颜色值，指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色），所有值必须介于0和FF之间。

（2）RGB颜色
RGB颜色值在所有主要浏览器都支持，其颜色值指定：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。

（3）RGBA颜色
RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。
RGBA颜色值指定：RGBA（红，绿，蓝，alpha）。Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

（4）HSL色彩
HSL代表色相，饱和度和亮度 - 使用色彩圆柱坐标表示，其颜色值指定：HSL（色调，饱和度，明度）。
色相是在色轮上的程度（从0到360）-0（或360）是红色的，120是绿色的，240是蓝色的。饱和度是一个百分比值;0％意味着灰色和100％的阴影，是全彩。亮度也是一个百分点;0％是黑色的，100％是白色的。

（5）HSLA颜色
HSLA的颜色值是一个带有alpha通道的HSL颜色值的延伸 - 指定对象的透明度。
指定HSLA颜色值：HSLA（色调，饱和度，亮度，α），α是Alpha参数定义的不透明度。Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

3. CSS对齐
   CSS布局中的对齐方式有很多种：
   （1）元素居中对齐

（2）文本居中对齐

（3）左右对齐

（4）垂直居中对齐

4. CSS边框
   CSS可以对文本及其他元素添加一个边框，而且其边框的种类及其其他属性也可以定义：
   none：默认无边框
   dotted：定义一个点线边框
   dashed：定义一个虚线边框
   solid：定义实线边框
   double：定义两个边框，两个边框的宽度和 border-width 的值相同
   groove：定义3D沟槽边框，效果取决于边框的颜色值
   ridge：定义3D脊边框，效果取决于边框的颜色值
   inset：定义一个3D的嵌入边框，效果取决于边框的颜色值
   outset：定义一个3D突出边框，效果取决于边框的颜色值

5. CSS显示
   CSS可以通过display:none或visibility:hidden把其中元素隐藏，但要注意，这两种方法会产生不同的结果：
   visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间，等于说，该元素虽然被隐藏了，但仍然会影响布局。

二、BootStrap简介
Bootstrap是美国Twitter公司的设计师基于HTML、CSS、JavaScript开发的简洁、直观的前端开发框架，使得 Web 开发更加快捷。
Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。
Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。
国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。