
web
孤独的冥王星
当你对成功的渴望犹如对呼吸的渴望时,那么你就会成功
展开
-
一个div在另一个div里垂直居中显示
方法1:通过设置子元素绝对定位和margin:auto.parent { position:relative; width:800px; height:500px; border:2px solid #000; }.child { position: absolute; width:200px; height:200px; margin: auto; top: 0; left: 0; right: 0; bottom: 0; b转载 2021-07-30 16:34:48 · 3007 阅读 · 0 评论 -
img下方出现空隙的原因及解决办法
问题最近正在学web,div里面放一个img之后,下面的布局就会跟img之间有个空隙,刚开始以为是回车造成的,可是去掉之后也不起作用原因img属于inline-block也就是行级块元素,凡是带有inline属性都具有文字类特性,为了正确显示带有尾巴(比如j、q、y等)英文字母,就在下方留了一些空白的地方解决办法通过修改img自身属性将img变为块级元素img { display: block;}设置img的vertical-align为除baseline以外的值将im原创 2021-07-28 11:08:13 · 482 阅读 · 0 评论 -
多页面代码重复解决方案
为了避免多页面情形下的代码重复,将重复的部分(例如导航栏)放入单独的文件,使用下列方法进行导入://1.将重复的代码块放到单独的文件中,例nav.html,用html格式仅仅因为会有编辑器的书写辅助//2.当前文件中要插入的地方使用此结构:<div class="include" file="nav.html"></div>//3.代码:$(".include").each(function() { if (!!$(this).attr("file")) {原创 2021-07-19 16:13:43 · 730 阅读 · 0 评论 -
AJAX你需要知道的基础
简介AJAX(Asynchronous JavaScript and XML) 异步的 JavaScript 和 XML。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。原理网络请求var xmlhttp;// 创...原创 2020-04-17 22:49:58 · 344 阅读 · 0 评论 -
css选择器的权重值
当css多层嵌套选择器时,用权重值相加来判断优先级!important > 行间样式 > id > class|属性|伪类 > 标签选择器|伪元素 > 通配符选择器权重值!importantInfinity行间样式1000id100class, 属性, 伪类10标签, 伪元素1通配符0注意:这里的...原创 2020-03-17 09:25:00 · 463 阅读 · 0 评论 -
h标签应用场景
h1-h6标签作为标题标签,在实际开发时何时使用,有利于网络爬虫的爬取h1:标题或首页logo淘宝首页的logoh2:副标题h3:页面当中板块的标题h4:板块里面的标题...原创 2020-03-08 16:43:40 · 1215 阅读 · 1 评论 -
js 预编译(A0对象,GO对象)
预编译发生在函数执行的前一刻 function fn(a) { console.log(a); var a = 123; console.log(a); function a(){} console.log(a); var b = function (){} console.log(b); } fn(1);输出结果:ƒ a(){}12...原创 2020-02-21 11:58:18 · 427 阅读 · 0 评论 -
input text和button 设置等高却不在同一水平线上
<div> <input type="text" class="et"> <input type="button" class="btn" name="search" value="搜索" > </div>显示效果接下来给text和button添加一下css效果/*去除获取焦点后的框*/.et:focu...原创 2020-02-15 15:45:16 · 1486 阅读 · 0 评论 -
css文字溢出处理方式(单行和多行)
例<p>标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。/p>单行文字溢出处理p { width: 100px; text-overflow: ellipsis;// 显示省略符号来代表被修剪的文本 white-space: nowrap; //文本不会换行,文本会在在同一行上继续,直到遇到标签为止 overflow: hidden;//...原创 2020-02-13 20:04:52 · 2398 阅读 · 0 评论 -
js定义变量的方式
var:最常用的定义变量的方式,变量可以修改,如果不初始化会输出undefined,不会报错var a = 1;a = 2;// a=2console.log("a = " + a);var b;console.log("b = " + b);// b=undefinedfunction change(){ a = 3; console.log("方法内a = &q原创 2018-12-20 10:56:05 · 1345 阅读 · 0 评论 -
js 三种弹窗 alert、confirm和prompt
alert:警告经常用作程序调试时弹出结果。在弹出后点击&quot;确定&quot;按钮之前,不能进行任何其它操作,所以可以把想要在点击“确定”按钮之后执行的语句写到后面就可以了,并没有对“确定”按钮有监听事件 function toast(){ alert(&quot;警告&quot;); console.log(&quot;点了确定&quot;); }当点确定以后才原创 2018-12-05 16:25:14 · 1830 阅读 · 0 评论 -
DOCTYPE的定义和用法
定义它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。告知浏览器的解析器,用什么文档类型规范来解析这个文档。&lt;!DOCTYPE&gt; 声明不是 HTML 标签用法&lt;!DOCTYPE&gt; 声明必须是 HTML 文档的第一行,位于 &lt;html&gt; 标签之前。&lt;!DOCTYPE&gt; 声明没有结束标签。&原创 2018-10-09 17:16:15 · 787 阅读 · 0 评论