学习心得
关注
分享
扫一扫
Mcg2017
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于HTML5 audio标签中autoplay属性的使用
<!doctype html><html><head><meta charset="utf-8"><title></title></head><body><audio controls="controls" autoplay="autoplay"><source ...原创 2019-03-19 17:34:33 · 3915 阅读 · 0 评论 -
三栏布局的实现方式
三列布局又分为两种，两列定宽一列自适应，以及两侧定宽中间自适应两列定宽一列自适应：1、使用float+margin：给div设置float：left，left的div添加属性margin-right：left和center的间隔px,right的div添加属性margin-left：left和center的宽度之和加上间隔2、使用float+overflow：给div设置flo...原创 2019-08-20 20:47:28 · 308 阅读 · 0 评论 -
如何实现图片或者某个元素在某个容器中居中
父元素固定宽高，利用定位及设置子元素margin值为自身的一半。父元素固定宽高，子元素设置position: absolute，margin：auto平均分配margincss3属性transform。子元素设置position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);即可。将父元素设置成displa...原创 2019-08-20 20:45:41 · 473 阅读 · 0 评论 -
清除浮动
方法一：使用带clear属性的空元素在浮动元素后使用一个空元素如<div class="clear"></div>，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" />或<hr class="clear" />来进行清理。方法二：使用CSS的overflow属性给浮动元素...原创 2019-08-20 20:43:27 · 209 阅读 · 0 评论 -
Flex布局
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。布局的传统解决方案，基于盒状模型，依赖display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。简单的分为容器属性和元素属性容器的属性：flex-direction：决定主轴的方向（即子item的排列方法）.box {flex...原创 2019-08-20 20:41:20 · 155 阅读 · 0 评论 -
垂直居中的几种方法
(1)margin:auto法css:div{width: 400px;height: 400px;position: relative;border: 1px solid #465468;}img{position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;}html:<div&g...原创 2019-08-20 20:39:45 · 322 阅读 · 0 评论 -
cookie有哪些字段可以设置
name字段为一个cookie的名称。value字段为一个cookie的值。domain字段为可以访问此cookie的域名。非顶级域名，如二级域名或者三级域名，设置的cookie的domain只能为顶级域名或者二级域名或者三级域名本身，不能设置其他二级域名的cookie，否则cookie无法生成。顶级域名只能设置domain为顶级域名，不能设置为二级域名或者三级域名，否则cooki...原创 2019-08-20 20:37:31 · 1795 阅读 · 0 评论 -
URL执行过程心得体会
输入url后，首先需要找到这个url域名的服务器ip,为了寻找这个ip，浏览器首先会寻找缓存，查看缓存中是否有记录，缓存的查找记录为：浏览器缓存-》系统缓存-》路由器缓存，缓存中没有则查找系统的hosts文件中是否有记录，如果没有则查询DNS服务器，得到服务器的ip地址后，浏览器根据这个ip以及相应的端口号，构造一个http请求，这个请求报文会包括这次请求的信息，主要是请求方法，请求说明和请求附带...原创 2019-08-20 20:36:06 · 272 阅读 · 0 评论 -
cookie sessionStorage localStorage区别
cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间来回传递cookie数据还有路径（path）的概念，可以限制。cookie只属于某个路径下存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如回话标识。webStorage虽然也有存储大小的限制，但是比cook...原创 2019-08-20 20:34:34 · 264 阅读 · 0 评论 -
HTTP状态码
200OK请求成功。一般用于GET与POST请求201Created已创建。成功请求并创建了新的资源202Accepted已接受。已经接受请求，但未处理完成203Non-Authoritative Information非授权信息。请求成功。但返回的meta信息不在原始的服务器，而是一个副本204No Cont...原创 2019-08-20 20:31:51 · 222 阅读 · 0 评论 -
css3的新特性
CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。CSS3新增了很多的属性，下面一起来分析一下新增的一些属性： 1.CSS3边框：border-radius：CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧，我们必须为每个圆角使用不同的图片，在 CSS3 中，创建圆角是非常容易的，在 CSS3 中，border-radius 属性用于创建圆角。border...转载 2019-08-20 20:28:57 · 164 阅读 · 0 评论 -
关于Tomcat窗口输出日志出现中文乱码
1.打开你安装Tomcat的所在目录，本文以7.0.92为例。2. 打开后选择conf目录。. 3. 将里面的logging.properties文件用编辑器打开，本例子是使用“Notepad++”编辑器打开。4. 打开后大约在50行左右找到java.util.logging.ConsoleHandler.encoding = UTF-8 ，如图所示：5. 修改为java...原创 2019-05-12 13:56:46 · 609 阅读 · 0 评论 -
sublime text3 主题推荐配色自定义方案
先使用Ctrl +shift+p,打开Package Control Install Package,安装Seti_UI主题插件， 在”首选项>浏览插件目录”进入sublime的插件目录，进入Seti_UI目录，使用sublime修改Seti.sublime-theme文件，添加以下代码： { "class": "sidebar_container", ...原创 2019-05-05 18:23:34 · 6120 阅读 · 0 评论 -
VS Code Boxy Solarized Light 护眼配色方案
打开VS code ，首先安装扩展主题插件Boxy Theme Kit；如下图所示：安装好后接着设置颜色主题为Boxy Solarized Light；但是默认是编辑器背景是主题颜色方案，如下图所示：然后修改用户设置，在setting.json这个配置文件里输入以下代码：{ "editor.fontSize": 16, ...原创 2019-05-05 00:22:40 · 5813 阅读 · 2 评论 -
关于学习css盒模型的总结
box-sizing：border-box;这样设置，width属性是所有可见部分的宽度和，即盒子的宽度=外边距margin+边框border+内边距padding+填充内容的宽度，盒子总宽度不会变，内容的宽度会随着边距的增加而减小；如果设置为content-box，那总的盒子的宽度会变大，所设置的width属性的值就是填充内容的宽度值，再加上内外边距和边框，这样总的盒子宽度就变大了。如下图，...原创 2019-10-02 19:35:03 · 278 阅读 · 0 评论