随笔分类 - 前端
摘要：1. 事件冒泡： 点击 子级 也出现了 父级容器 相关的事件。 【注】和相对位置无关（不管子级和父级是否重叠都有可能会出现冒泡现象，如下图1、图2），只和包含关系有关（可以理解为子级也属于父级的一部分）。 【图1】 【图2】 2. 解决方法 【法1】给 子级 赋予 ev.stopPropagatio
阅读全文
摘要：1. 块状元素居中（垂直+水平） 法1： 1 position: absolute; /* 重点 */ 2 top: 0; 3 right: 0; 4 bottom: 0; 5 left: 0; 6 margin: auto; 法2： 1 position: absolute; /* 重点 */ 2
阅读全文
摘要：1. 把行内（inline）元素变成块状（block）元素的方法： a. display:block b. float:left/right; c. position:absolute; d. position:fixed; e. display:inline-block; f. display:t
阅读全文
摘要：先给大家体验一下响应式和自适应的区别，请放大缩小一下屏幕尝试 自适应的体验http://m.ctrip.com/html5/ 响应式的体验 http://segmentfault.com/ 通俗的说, 自适应布局是是为了解决如何才能在不同大小的设备上呈现同样的网页;它的缺点是当屏幕缩放过小时,虽然能
阅读全文
摘要：<p>项目中常常有这种需要我们对溢出文本进行"..."显示的操作，单行多行的情况都有（具体几行得看设计师心情了），这篇随笔是我个人对这种情况解决办法的归纳，欢迎各路英雄指教。</p> 单行 语法 overflow:hidden; text-overflow:ellipsis; white-space
阅读全文
摘要：CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- t
阅读全文
摘要：一、单列布局 1.普通布局（头部、内容、底部） <div class="container"> <header></header> <div class="content"></div> <footer></footer> </div> .container { width: 80%; margin
阅读全文
摘要：A. 选择器类型(示例) 1.id选择器（#myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1+p）: 紧跟在目标后面的第一个兄弟元素(必须与目标同级且选中内容不包括目标) 5.通用兄弟选择器（h1~p）：紧跟在目标元素后的所有兄弟元素
阅读全文
摘要：Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的，尤其是{}中，因此通过参照下表将其对应转编，可以将中文名转成英文名、unicode、unicode2注意unicode2是直接输出为文本的，比如：微软雅黑，我们在CSS中的设置为： 1 font-fam
阅读全文
摘要：<p> <strong>【声明】</strong> </p> 文章原始出处→_→ 生命壹号：http://www.cnblogs.com/smyhvae/ 文章来源：http://www.cnblogs.com/smyhvae/p/4965163.html
阅读全文
摘要：常见的状态码有以下几种，也是必须记住的： 1xx：临时回应，表示客户端请继续。 2xx：请求成功。 ... 200：请求成功。 3xx: 表示请求的目标有变化，希望客户端进一步处理。 301&302：永久性与临时性跳转。 304：跟客户端缓存没有更新。 4xx：客户端请求错误。 403：无权限。 4
阅读全文
摘要：1. filemtime() 作用: 获取文件的修改时间。 语法： filemtime(string $filename): int|false /* Gets the modification time. Returns the time when the data blocks of a fil
阅读全文
摘要：https://www.php.net/manual/en/
阅读全文
摘要：1. 将光标放在.html页面的内容部分(显示你的正文的<div>，如<article>); 2. 插入以下语句：<?php phpinfo(); ?> 3. 将页面另存为为.php文件并在浏览器中打开该页面，如果显示如下一个长表格，则运行生效。 注意： 1. 如果是在个人电脑上运行，则需要先安装P
阅读全文
摘要：步骤： 1. 先下载XAMPP软件。 Mac版本下载地址：https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/ Windows版本下载地址：https://sourceforge.net/projects/xampp/f
阅读全文
摘要：1. display:block1.1 block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素的宽度会自动填满其父元素宽度。1.2 block元素可以设置其width，height属性。块级元素即使设置了宽度，仍然是独占一行，但如果有margin且block元素本身的
阅读全文
摘要：以下超链接的样式定义顺序:前两者可以随意放，后三者不能调换相对位置: a:link a:visited a:focus a:hover a:active 原因随后整理。 Reference: https://www.cnblogs.com/webqiand/p/4323448.html https:
阅读全文
摘要：Reference: https://www.w3school.com.cn/cssref/pr_class_position.asp
阅读全文
