css
css是指层叠样式表（casscading style sheet），css 是专门管理网页样式的，看到一个网页漂亮的外观绝大多数的工作是由css来制作的。
css最重要的特点是可以给任何标签写样式属性。
css优势 涉及一些面试题
1、提高页面浏览速度。使用css方法，比传统的web设计方法至少节约50%以上的文件尺寸。
2、缩短改版时间，将表现（样式/外观）与内容（信息/数据）相分离。只要简单的修改几个css文件就可以重新设计一个有成千上万页面的站点
3、降低网站流量的费用，宽带要求降低（代码更简洁），降低成本。
4、更容易被搜寻引擎抓取，提高网站在百度或是goole中的排名。
css语法
1、书写css需要准备一个环境，就是一对<style></style>标签，需要放在head内部。
2、css样式条的语法结构：选择器（属性：值），选择器指的是选择标签的不同方式；css属性重新定义键值对的基本格式：key:value多个属性之间用分号隔开，例如：color:red;
css文字控制属性
1、color — 控制文字颜色;
2、font-size — 控制文字的字号，单位 px;
3、font-family — 控制文字的字体 （中文的字体要用“”包起来）;
4、text-align — 控制内容文字的水平对齐方式；
注意事项：style标签有一个配合使用的标签属性：type=“text/css"作用是保证浏览器的兼容性；
css内外边距
内边距：padding
外边距：margin
内外边距的简写方式
在css中，内外边距有1~4个值的简写方式：
1、一个值：表示四个方向都是一致的；
2、两个值：表示上下和左右的方向；
3、三个值：表示上和左右和下的方向；
4、四个值表示按顺时针分布：上右下左的方向；
css的bui属性
在css中属性可以分为两大部分：一部分是文字控制属性；一部分是区块控制属性；例如：宽度、高度、背景、间距等，
bui属性：
（1）、font-weight:bold； bold — 加粗效果 ；normal — 普通字体不加粗。
（2）、font-weight 属性用于定义字体的粗细，其可用属性值：normal、bold、bolder、lighter、100~900（100的整数倍）。
（3）、text-decoration:underline; underline — 下划线；overline — 上划线； line-throungh — 贯穿线（删除线）； none — 清楚线；
（4）、font-style:italic; italic — 斜体; font-style字体风格，字体倾斜除了用 i 和 em 标签之外，可以使用CSS 来实现，但是CSS 是没有语义的。
font-style其可用属性值如下：normal：默认值，浏览器会显示标准的字体样式；italic：浏览器会显示斜体的字体样式；oblique：浏览器会显示倾斜的字体样式。
**css居中对齐 **
在css中，有文字的居中对齐，还有标签的居中对齐。其中标签的对齐方式价值更高，可以实现整体的居中对齐效果。
实现一个标签的水平居中的方式，设置它的左右外边距为auto即可 （margin-left: auto; margin-right: auto; ）；如果设置margin-left: auto; 可实现盒子右对齐;如果设置 margin-right: auto; 可实现盒子左对齐，默认是左对齐的，可不用边距设置。
盒子
盒子标签
1、div — 大盒子，是一个可以存放任何内容的标签，就是一个容器，没有语义；经常用来给网页布局分区的；
2、span — 小盒子，也是一个容器，经常用来存放文字或是小图片；相对div来说语义较轻。
盒子显示模式
任何标签都会有两种特点：一种是独占一行，可以认为指定宽高；另一种是多个排列在一起，不能人为指定宽高。这两种特点专业的称之为盒子的显示模式:{display}，所有的标签按照显示模块可以分为两类：
1、块级标签：典型代表 – div，特点是独占一行，直接指定尺寸，不指定尺寸就充满父级标签。
2、行内标签：典型代表 – span，特点是多个排列在一起，不能直接指定尺寸，默认尺寸跟内容一样。
为什么标签会有这两种特点，主要是多有标签都默认带有一个display属性值：
1、块级标签：display:block;
2、行内标签：display:inline;
在css中有一种显示模式具有块级和行内标签的特点，叫做行内块inline-block ， 行内块标签可以指定宽高而且可以多个排列在一起；如果不指定宽高尺寸或是内容的尺寸，尺寸就是内容的尺寸。
在实体化标签的过程中，如果一个标签没有实体化成功就是显示模式没有转换。行内块，一般情况是在块级和行内之间进行切换，很少用到行内块。
块级标签总结：<div>、 <p>、 <h>、 <ul>、 <ol>、 <li>、dl>dt+dd、 table>tr>td
行内标签总结：<span>、 <img>、 <strong>、 <input>、 <a>、 <textarea>
块级元素的特点：
（1）、总是从新行开始
（2）、高度，行高、外边距以及内边距都可以控制。
（3）、宽度默认是容器的100%
（4）、可以容纳内联元素和其他块元素。
行内元素的特点：
（1）、和相邻行内元素在一行上。
（2）、高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。
（3）、默认宽度就是它本身内容的宽度。
（4）、行内元素只能容纳文本或则其他行内元素。（a特殊）
边框属性
在css中边框属性通过border表示，它是一个复合属性有多个值，值与值通过空格隔开。
基本结构：border:粗细 类型 颜色;
边框常用类型有三种：solid 实线； dashed 虚线； dotted 点线；
选择器
选择器：标签、类、id、通配符（*）
类和id选择器：
1、类选择器：通过class属性命名；特点：同一个类名可以重复使用，用给多个标签。
2、id选择器：通过id属性命名；特点：唯一，同一个id名称只能用给一个标签
书写关系：类选择器通过点语法书写，例如：.small_div{…} ； id选择器通过#书写，例如：#small_div{…};
注意事项：在css中，选择器命名不能以数字开头。
通配符选择器：
通配符选择器通过*（星号）表示，*{…} 作用是将整个网页body中的标签选中。
通配符选择器经常用来清空标签的间距（margin），在HTML标签中很多都默认带有内外边距，但是在网页的制作中，这些边距我们是不需要的，所以需要进行清空，方法是通过通配符选择器选中。
清空的时候需要清空是哪个属性：padding、margin、border，都设置为0即可
基础选择器的权重
权重指的是一个标签有多个选择器样式的时候谁生效？
答：选择器的权重：谁的针对性越强谁的权重越高； id选择器 > 类选择器 > 标签选择器 > 通配符（*）