随笔分类 -  HTML5

html5技术
415错误
摘要：今天遇到了415错误 这个和响应头有关系 因为前端发请求的时候加上了 后端接收的时候加上了@RequestBody 但是我传过去的参数不json格式 错误一报错415 这是自己的错误 顺便科普了一下415错误 415 Unsupported Media Type 服务器无法处理请求附带的媒体格式 阅读全文
posted @ 2021-06-01 11:04 FourAu 阅读(566) 评论(0) 推荐(0)
为什么第一个子元素设置margin-top父元素会跟着移动
摘要：有时当我们设置子元素的margin-top，但是却发现子元素没有出现上外边距的效果，反而是父元素出现了上外边距的效果。原因：边距重叠：一个盒子和其子孙的边距重叠。根据规范，一个盒子如果没有上补白和上边框，那么它的上边距应该和其文档流中的第一个孩子元素的上边距重叠。解决方案1、为父元素设置paddin 阅读全文
posted @ 2021-01-11 16:33 FourAu 阅读(301) 评论(0) 推荐(0)
CSS3 样式选择器
摘要：CSS样式选择器 css3 级联样式表 CSS3 新的特性 2D、3D效果 其它动画效果 样式选择器 .class 类选择器 <input class="样式名"/> #id id选择器 <input id="样式名" /> * 全匹配 所有的标签都会自动应用该样式 element 标签选择器 ta 阅读全文
posted @ 2021-01-03 14:36 FourAu 阅读(341) 评论(0) 推荐(0)
CSS3动画效果
摘要：CSS3 动画 开始样式>>结束样式变化时间 中间过程渐变 1. animation动画2. transition过渡3. 2D、3D变形 一、animation动画 animation动画播放器 1.定义动画规则(@keyframes) 2.在样式中添加animation属性进行动画播放 //要使 阅读全文
posted @ 2021-01-03 14:30 FourAu 阅读(249) 评论(0) 推荐(0)
前端 Bootstrap基础
摘要：响应式布局 http://four.haser.top/Bootstrap Flex 流布局 概念： 一个网站能够兼容多种终端（PC、手机、平板、车机系统、电视、巨幕）， 而不是为每一个终端定制一个特定的版本。 响应式布局就是为不同终端互联网浏览而诞生的。 响应式主要从css入手 @media 媒体 阅读全文
posted @ 2021-01-03 14:27 FourAu 阅读(95) 评论(0) 推荐(0)
HTML5本地存储
摘要：H5本地存储 http://four.haser.top/ http和https协议是无状态的 cookie容量4KB方法比较单一 只有set和get跨域的问题浏览器可以禁用cookiecookie存在于前后端 Storage容量5MBwww.baidu.comwww.google.com不会出现跨 阅读全文
posted @ 2020-12-21 17:08 FourAu 阅读(140) 评论(0) 推荐(0)
JQuery样式滚筒条
摘要：进入http://manos.malihu.gr/jquery-custom-content-scroller/ 点击DownLoad下载样 导入两个需要的文件 然后导入你需要应用的html页面 注意：这个样式是基于JQuery的所以必须先导入JQuery的包 然后你还要在自己的css样式和jque 阅读全文
posted @ 2020-12-20 17:23 FourAu 阅读(81) 评论(0) 推荐(0)
HTML5 Fiex布局
摘要：网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 阅读全文
posted @ 2020-12-19 17:14 FourAu 阅读(336) 评论(0) 推荐(0)