HTTP两种请求方式的区别及CSS的层叠样式表和选择器
HTTP
HTTP:超文本传输协议
目的：保证客户机与服务器之间的通信
工作方式：客户机与服务器之间的请求与应答协议
HTTP两种请求方式：get和post
HTTP两种请求方式get和post的区别
1.get从指定的资源请求数据，post向指定的资源提交要被处理的数据
2.get请求的数据会附在URL之后（就是把数据放置在HTTP协议头中），post请求是把提交的数据放置在HTTP的消息主体中。
3.get请求可被缓存，post请求不会被缓存。
4.get请求会保存在浏览器历史记录中，post请求不会保留在浏览器的历史记录中。
5.get请求可被收藏为书签，post请求不会被收藏为书签。
6.get请求对长度有限制，post请求对长度没有限制。
7.get请求安全性较差，post请求会相对安全。
8.get请求只允许ASCII字符，post请求没有限制，也允许二进制数据。
9.get在浏览器回退时是无害的，而post会再次提交请求。
CSS层叠样式
CSS通常称为CSS样式表或层叠样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
行内样式（内联样式）
通过标签的 style 属性，在标签上直接写样式
<div style="width: 300px; height: 300px; border: 1px solid red;"></div>
内嵌样式
通过 style 标签在网页上创建嵌入的样式
<style type="text/css">
div{
width: 300px;
height: 300px;
border: 1px solid red;
}
</style>
外部样式
第一种写法
<link rel="stylesheet" type="text/css" href="wb.css"/>
该语法中，link标签需要放在head头部标签中，并且必须指定link标签的href：定义所链接外部样式表文件的URL地址。
type：定义所链接文档的类型，在这里需要指定为“text/CSS”，表示链接的外部文件为CSS样式表。
rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。
外部样式为
div{
width: 300px;
height: 300px;
border: 1px solid red;
}
第二种写法
@import url("wb.css");
也可以通过此方法导入到外部，设计样式的方法与第一种相同
文本的设置
color：设置文字的颜色
font-size：设置文字的大小
font-family：设置文字的字体
font-style：设置字体风格
取值如下：
normal：默认值，浏览器会显示标准的字体样式。
italic：浏览器会显示斜体的字体样式。
oblique：浏览器会显示倾斜的字体样式。
font-weight：设置文字是否加粗
取值如下：
font-weight:bold; 设 置 加 粗
font-weight:normal 设置不加粗
line-height：设置文字的行高
text-decoration：设置文字的下划线
none：去掉下划线
underline：定义文本下的一条线。
overline：定义文本上的一条线。
line-through：定义穿过文本下的一条线。
text-indent 设置文字首行缩进
text-align 设置文字水平对齐方式
取值为：
left：左对齐
right：右对齐
center：居中对齐
颜色表示法
CSS 颜色表示法ss 颜色值主要有三种表示方法：
1、颜色名表示法
2、rgb 表示法
3、16 进制数值表示法
选择器
标签选择器
用法：
标签名{
属性1：属性值1；
属性2：属性值2；
…
}
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>选择器</title>
<style type="text/css">
div{
width: 300px;
height: 300px;
background: red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
id选择器
用法：
#id名{
属性1：属性值1；
属性2：属性值2；
…
}
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>选择器</title>
<style type="text/css">
#div1{
width: 300px;
height: 300px;
background: red;
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
</html>
类选择器
用法：
.类名{
属性1：属性值1；
属性2：属性值2；
…
}
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>选择器</title>
<style type="text/css">
.div1{
width: 300px;
height: 300px;
background: red;
}
</style>
</head>
<body>
<div class="div1"></div>
</body>
</html>
层级选择器
后代选择器
后代选择器又称为包含选择器，用来选择元素或元素组的后代，其写法就是把父级标签写在前面，后代标签写在后面，中间用空格分隔
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>选择器</title>
<style type="text/css">
div .div1{
width: 300px;
height: 300px;
background: red;
}
</style>
</head>
<body>
<div>
<div class="div1"></div>
<div id="div2"></div>
</div>
</body>
</html>
子代选择器
子代选择器只能选择作为某元素的元素。其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个 > 进行连接
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>选择器</title>
<style type="text/css">
div>.div1{
width: 300px;
height: 300px;
background: red;
}
</style>
</head>
<body>
<div>
<div class="div1"></div>
<div id="div2"></div>
</div>
</body>
</html>
组选择器
多个选择器，如果有同样的样式设置，可以使用组选择器，中。间用逗号隔开
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.div1,#div2{
width: 300px;
height: 300px;
border: 1px solid blue;
}
</style>
</head>
<body>
<div class="div1"></div>
<div id="div2"></div>
</body>
</html>
伪类选择器
选择器:link：未访问的链接
选择器 :visited：已访问的链接
选择器:hover：鼠标移动到链接上
选择器:active：选定的链接
上一篇： PHP中的Hash算法