H5实战
二.js基础
1.运算符：
＊自相加/自相减：前置形式返回一个新的值，但后置返回原来的值（做加法/减法之前的值）。
前置形式，变量前： ++a --a
后置形式，变量后： a++ a--
注意：
1.自相加/自相减只能应用于变量。尝试将其应用于数值（比如 5++）会报错。
2.如果自相加/自相减的值不会被使用，那么两者形式没有区别：
let counter = 0;
counter++;
++counter;
alert( counter ); // 2，以上两行作用相同3.如果我们想要对变量自相加 并且 立刻使用值，那么我们需要使用前置形式：
let counter = 0;
alert( ++counter ); // 14.如果我们想要使用之前的值，那么我们需要使用后置形式：
let counter = 0;
alert( counter++ ); // 0
一.CSS
1.CSS语法
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
选择器通常是需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）设置样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
2.id 和 class 选择器
在HTML元素中设置CSS样式，需要在元素中设置"id" 和 "class"选择器。
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。
＃test{
text-align: center;
color:blue ;
}
Hello World!
注意：ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。
（2）class 选择器
class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：
Hello World!
新?
注意：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。
如果要在 html 标签中设置 CSS 样式，那么你有四种方法，即 css 选择器有四种。
除了提到的 id 和 class 选择器外，第三种选择器为标签选择器，即以 html 标签作为 css 修饰所用的选择器。
新?
第四种选择器即直接在标签内部写css代码。
新?
这四种 css 选择器有修饰上的优先级，即： 第四种 > id > class > 第三种
（3）兄弟选择器（brother selector，BS）：BS是CSS3.0新增的一个选择器，语法格式：A~B{...}（A、B为HTML元素/标签，表示A标签匹配selector的A，B标签匹配selector的B时，B标签匹配样式）
no red text
no red text
red text
相邻选择器：
语法为：
A+B{
声明1;
声明;
...
}
not red text
not red text
red text
not red text
3.CSS 背景
CSS 背景 属性用于定义HTML元素的背景。
CSS 属性定义背景效果:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
（1）background-color 属性定义了元素的背景颜色.
页面的背景颜色使用在body的选择器中:
（2）background-image 属性描述了元素的背景图像.
默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体.
设置页面背景图片：
(3)默认情况下 background-image 属性会在页面的水平或者垂直方向平铺。
图像只在水平方向平铺 (repeat-x):
(4)background-repeat ：让背景图像不影响文本的排版
设置背景图像与文本显示在同一个位置
（5）背景颜色的简写属性为 "background":
可以将这些属性合并在同一个属性中
当使用简写属性时，属性值的顺序为：:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
3:文本转换
文本转换属性是用来指定在一个文本中的大写和小写字母。
可用于所有字句变成大写或小写字母，或每个单词的首字母大写。
a
b
c