![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习心得
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 · 3753 阅读 · 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 · 252 阅读 · 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 · 433 阅读 · 0 评论 -
清除浮动
方法一:使用带clear属性的空元素在浮动元素后使用一个空元素如<div class="clear"></div>,并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" />或<hr class="clear" />来进行清理。方法二:使用CSS的overflow属性给浮动元素...原创 2019-08-20 20:43:27 · 163 阅读 · 0 评论 -
Flex布局
Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。布局的传统解决方案,基于盒状模型,依赖display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。简单的分为容器属性和元素属性容器的属性:flex-direction:决定主轴的方向(即子item的排列方法).box {flex...原创 2019-08-20 20:41:20 · 124 阅读 · 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 · 280 阅读 · 0 评论 -
cookie有哪些字段可以设置
name字段为一个cookie的名称。value字段为一个cookie的值。domain字段为可以访问此cookie的域名。非顶级域名,如二级域名或者三级域名,设置的cookie的domain只能为顶级域名或者二级域名或者三级域名本身,不能设置其他二级域名的cookie,否则cookie无法生成。顶级域名只能设置domain为顶级域名,不能设置为二级域名或者三级域名,否则cooki...原创 2019-08-20 20:37:31 · 1723 阅读 · 0 评论 -
URL执行过程心得体会
输入url后,首先需要找到这个url域名的服务器ip,为了寻找这个ip,浏览器首先会寻找缓存,查看缓存中是否有记录,缓存的查找记录为:浏览器缓存-》系统缓存-》路由器缓存,缓存中没有则查找系统的hosts文件中是否有记录,如果没有则查询DNS服务器,得到服务器的ip地址后,浏览器根据这个ip以及相应的端口号,构造一个http请求,这个请求报文会包括这次请求的信息,主要是请求方法,请求说明和请求附带...原创 2019-08-20 20:36:06 · 227 阅读 · 0 评论 -
cookie sessionStorage localStorage区别
cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递cookie数据还有路径(path)的概念,可以限制。cookie只属于某个路径下存储大小限制也不同,cookie数据不能超过4K,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如回话标识。webStorage虽然也有存储大小的限制,但是比cook...原创 2019-08-20 20:34:34 · 213 阅读 · 0 评论 -
HTTP状态码
200OK请求成功。一般用于GET与POST请求201Created已创建。成功请求并创建了新的资源202Accepted已接受。已经接受请求,但未处理完成203Non-Authoritative Information非授权信息。请求成功。但返回的meta信息不在原始的服务器,而是一个副本204No Cont...原创 2019-08-20 20:31:51 · 192 阅读 · 0 评论 -
css3的新特性
CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。CSS3新增了很多的属性,下面一起来分析一下新增的一些属性: 1.CSS3边框:border-radius:CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,border-radius 属性用于创建圆角。border...转载 2019-08-20 20:28:57 · 130 阅读 · 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 · 559 阅读 · 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 · 5936 阅读 · 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 · 5389 阅读 · 2 评论 -
关于学习css盒模型的总结
box-sizing:border-box;这样设置,width属性是所有可见部分的宽度和,即盒子的宽度=外边距margin+边框border+内边距padding+填充内容的宽度,盒子总宽度不会变,内容的宽度会随着边距的增加而减小;如果设置为content-box,那总的盒子的宽度会变大,所设置的width属性的值就是填充内容的宽度值,再加上内外边距和边框,这样总的盒子宽度就变大了。如下图,...原创 2019-10-02 19:35:03 · 221 阅读 · 0 评论