HTML&CSS-Day04
1.HTTP协议(HyperText Transfer Protocol) 超文本传输协议
客户端()浏览器和服务器端请求应答通信协议
客户端发送给服务器端的数据会被封装成请求报文
请求报文:
请求行:get url http1.1
请求头:content-type:application/json 浏览器内核
空行:空格 回车 分割内容
请求体:get请求参数携带在url地址栏 post携带数据携带在请求体中
服务器端响应给客户端数据会被封装成响应报文
响应报文:
响应行 http1.1 状态码 200 OK 500 Internal Serve Error
响应头 content-type:application/json
响应体 {status,message:"查询成功",data:[{id,name},{}],timestamp:时间戳}
get参数 1kb 2kb 2kb-8kb 写在地址栏上
2. CSS(Cascading Style Sheets)层叠样式表 修饰html文档
1.语法:
(1)规则集: 选择器{} {声明块 }一个属性就是一个声明
声明块规则:属性名和属性值之间:隔开 多对属性之间使用;隔开 最后一对属性可以不加; 建议加
(2)注释 /**/
(3)速记写法 border:width style color;
*******笔试题:三角形:width:0 height:0 border:100px solid transparent;border-top:100px solid red;
2.引入css方式
(1)行内样式 内联样式 style属性
(2)内部样式表 style标签
(3)外部样式表
1.使用link标签引入css文件
2.使用@import引入 不建议使用
3.优先级:行内样式>内部样式/外部样式 (就近原则)
4.link和@import区别:
所属范围:link属于html标签 @import属于css
加载:link同时加载html 和 css @import优先加载css
兼容性:link无兼容性 @import支持ie5+
5.css选择器
1.标签选择器 div{}
2.id选择器 #id{}
3.class选择器 .类名{}
4.后代选择器 div p{}
5.子代选择器 div>p{} 表示选中直接子元素
6.交集选择器 p.p1
7.并集选择器(组合选择器) div,#one,.two{}
8.序选择器(伪类选择器) div:frist-child{} last-child nth-child(n/odd/even/3n+1)
9.兄弟选择器 css2兄弟选择器(除去本身) .div1+div{} / css3 .div~div{}
10.动态伪类选择器 link visited hover active love hate