- 博客(6)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 跨资源共享
通过XHR实现Ajax通信的一个主要限制，来源于跨域安全策略。默认情况下，XHR对象只能访问与包含他的页面位于同一个域中的资源。CORS(Cross-Origin Resource Sharing,跨源资源共享）定义了在必须访问跨源资源时，浏览器和服务器间的沟通方式。CORS的基本思想：使用自定义的HTTP头部让浏览器与服务器进行沟通，从而确定请求或响应是应该成功，还是应该失败。比如一个简单的使用GET或POST发送的请求，它没有自定义的头部，而主体内容是text/plain。在发送该请求是，需要给它附
2020-07-27 11:30:20
267
原创 html布局的常用的四种实现方式
需求：假设高度默认100px ，请写出三栏布局，其中左栏、右栏各为300px，中间自适应第一种实现方式：浮动布局将左右的div宽度设为300px,分别左右浮动，中间盒子不设宽度。注意：先写右边盒子，再写中间盒子，否则先渲染中间盒子，中间盒子会占满该行剩下的宽度，右边盒子只能换行显示，就会出现下面的情况正常的渲染效果如下所示：<style type="text/css">html,body{padding:0;margin:0;}.container{padding:
2020-06-06 08:34:55
1850
原创 css居中方式实现
1.水平居中1.1 text-align:center父盒子设置text-align:center,如果子盒子不是行内元素，可以先设置display:inline或者display:inline-block转成行内元素。.father{ text-align:center;}.chlidren{ display:inline-block; background: red;}<div class="father"> <div class="chlidren
2020-06-06 08:32:09
147
原创 flex属性
CSS属性 flex 规定了弹性元素如何伸长或缩短以适应flex容器中的可用空间。这是一个简写属性，用来设置 flex-grow, flex-shrink 与 flex-basis。1、flex-grow 属性用于设置或检索弹性盒子的扩展比率。（注意：如果元素不是弹性盒对象的元素，则 flex-grow 属性不起作用。）2、flex-shrink 属性指定了 flex 元素的收缩规则。fle...
2019-05-20 17:12:35
252
原创 用css画一个三角形
[2019/5/20 14:49]border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #000;
2019-05-20 14:57:25
157
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人