- 博客(6)
- 资源 (2)
- 收藏
- 关注
原创 跨资源共享
通过XHR实现Ajax通信的一个主要限制,来源于跨域安全策略。默认情况下,XHR对象只能访问与包含他的页面位于同一个域中的资源。CORS(Cross-Origin Resource Sharing,跨源资源共享)定义了在必须访问跨源资源时,浏览器和服务器间的沟通方式。CORS的基本思想:使用自定义的HTTP头部让浏览器与服务器进行沟通,从而确定请求或响应是应该成功,还是应该失败。比如一个简单的使用GET或POST发送的请求,它没有自定义的头部,而主体内容是text/plain。在发送该请求是,需要给它附
2020-07-27 11:30:20 282
原创 html布局的常用的四种实现方式
需求:假设高度默认100px ,请写出三栏布局,其中左栏、右栏各为300px,中间自适应第一种实现方式:浮动布局将左右的div宽度设为300px,分别左右浮动,中间盒子不设宽度。注意:先写右边盒子,再写中间盒子,否则先渲染中间盒子,中间盒子会占满该行剩下的宽度,右边盒子只能换行显示,就会出现下面的情况正常的渲染效果如下所示:<style type="text/css">html,body{padding:0;margin:0;}.container{padding:
2020-06-06 08:34:55 1862
原创 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 156
原创 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 255
原创 用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 167
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人