摘要：
网站被搜索引擎收录是网站拥有排名的前提，只有做好网站的搜索引擎收录，才能让你拥有在搜索引擎中排名的机会。所以，网站页面被收录的越多，网站排名靠前的机会就会越多。URL的好坏经常会直接影响搜索引擎对一个网站的解析，不利于搜索引擎蜘蛛的顺利爬取。在网站初期就要对网站URL，网站目录进行规范化的设计，达到 阅读全文
摘要：
在css中，可以通过cursor属性来改鼠标样式。下面本篇文章就来给大家介绍一下cursor属性，希望对大家有所帮助。 vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007.com cursor属性 cursor属性规定要显示的光标的类型（形状 阅读全文
摘要：
有4种方式可以在 html 中引入 css。分别为：内联方式、嵌入方式、链接方式、导入方式，其中链接方式使用link引入，导入方式使用import引入。 css中link和import的区别： 两者都是外部引用CSS的方式，但是存在一定的区别： 区别1：link是Xhtml标签，除了加载CSS外，还 阅读全文
摘要：
通过css3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。动画是使元素从一种样式逐渐变化为另一种样式的效果。那么在css中动画属性有哪些？ vi设计http://www.maiqicn.com 办公资源网站大全https://www.wode007. 阅读全文
摘要：
真正接触前后端分离模式也就几个月的时间。本文属于自己对前后端分离模式的一些总结，主要来源于针对之前的后端做数据渲染与分离模式的一些对比。近期会针对一些常见的开发模式做一些分享，如果对你有帮助，给个关注吧!!! 什么是前后端分离 前后端分离从端口划分就是将浏览器、客户端分为前端，提供真实服务的软件就成 阅读全文
摘要：
选择器分类 id选择器 <div id="wrap"></div> #wrap{ background: black; } 类选择器 <div class="wrap"></div> .wrap{ background: black; } 标签选择器 div{ margin:0; } 属性选择器 < 阅读全文
摘要：
跨域实例： 如上图所示，系统www.a.com/index.html页面中嵌入一个iframe，iframe中访问不同域的www.b.com/index.html 然后b中有个按钮“保存”，想调用父页面a.com/index.html中的一个js方法saveFavorite() 问题： iframe 阅读全文
摘要：
今天给大家分享一个 Web 知识点。如果你有过一段时间的 Web 开发经验，可能已经知道了。不过对于刚接触的新手来说，还是有必要了解一下的。 我们知道，网页里的a标签默认在当前窗口跳转链接地址，如果需要在新窗口打开，需要给 a 标签添加一个target="_blank"属性。 <a href="ht 阅读全文
摘要：
本文介绍三个非常棒棒的css技巧，完全可以在你的项目中代替JavaScript，一起来看看这些技巧吧。 :active伪类与css数据上报 超实用超高频使用的:empty伪类 用好:only-child伪类 1. :active伪类与CSS数据上报 如果想要知道两个按钮的点击率，CSS开发者可以自己 阅读全文
摘要：
最近有人提需求，产品要适配横竖屏，这就令人头秃了呀。 这在家办公也不让闲着点。虽然说需求提出来了，但是我们身为一个前端er，还是要有自己的想法呀，我们要统计一波数据看看到底有多少人在横屏使用我们的产品。demo测试地址 方案一：orientation window.addEventListener( 阅读全文
摘要：
前段时间公司网页被 xss 搞了一下，微信把域名封了，通宵搞了好几天。这两天把公司好几年来的代码都改了一遍，这工作丧心病狂。 什么是 xss？ XSS 攻击指通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的代码。 危害有什么？ 跳转到广告页面，页面注入广告等等。 导致公司域名被 阅读全文
摘要：
css3的calc() 函数用于动态计算长度值。 calc()函数允许我们在属性值中执行数学操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 说明： 需要注意的是，运算符前后都需要保留一个空格， 阅读全文
摘要：
前言 自定义属性（有时可以称为css变量或者层叠variables）是由css作者定义的实体，这些实体在一个document内可以被重用。一般按照自定义属性的符号设置（比如，--main-color: black；）然后使用var()函数使用。（例如color: var(--main-color)） 阅读全文
摘要：
普通用户下载图片时只需一个「右键另存为」操作即可完成，但当我们做在线编辑器、整个 UI 都被自定义时，要如何赋予用户一个安全下载页面中图片功能的能力呢？ 0. 利用 <a> 标签下载资源 最简单的办法，当然是利用 <a> 标签。根据 MDN 描述， <a> 标签有一个属性叫 download ，此属 阅读全文
摘要：
一、需要通过css传参的背景 css中有很多媒体查询的用法，例如设备尺寸判别，是否支持鼠标行为，是否是黑暗模式，是否是省电模式等。 比方说最近经常提到的黑暗模式，深色主题： @media (prefers-color-scheme: dark) { /* 黑暗模式，深色主题 */ } @media 阅读全文
摘要：
page-break-after可以实现强制分页，比如始终在<footer>元素后插入分页符, @media print 表示这段css只在打印时起作用。 @media print { footer {page-break-after: always;} } css 语法 page-break-af 阅读全文
摘要：
简单来说 src 就是 “我想加载这个资源”，而 href 就是 “我想和这个资源建立关联” src 主要用于元素替换，href 用于和相关文档和外部资源建立相关链接。href 属性说明本地Web资源和定义的资源建立了链接。 如： vi设计http://www.maiqicn.com 办公资源网站大 阅读全文
摘要：
前些日子总被人问起 iOS Retina 屏，设置 1px 边框，实际显示 2px，如何解决？原来一直没在意，源于自己根本不是像素眼……今天仔细瞅了瞅原生实现的边框和css设置的边框，确实差距不小…… 上图是原生实现，下图是 css 边框，手机上对比更加明显 然后，如何解决呢？搜遍整个谷歌，发现好多 阅读全文
摘要：
JavaScript 与 css 已经相生相伴 20 年了，但是要在它们之间共享数据却非常困难。当然，这方面肯定有过一些尝试，不过我想到的是简单而又直观的做法：不需要做代码结构上的改动，而是利用 CSS 自定义属性，甚至是 Sass 变量。 CSS 自定义属性 CSS 自定义属性现在也不算什么稀罕物 阅读全文
摘要：
在网页的布局中几大段文字挤在一起总归是不好看的，这时候我们就需要来设置行间距来让文字看起来不拥挤，也让整个页面看起来美观整洁，那么，行间距该如何设置呢？本篇文章就来给大家介绍一下css行间距的设置方法。 html 行间距的设置方法与问题 设定一段文字内的行距： <p> 但我们怎么设定两段文字之间的行 阅读全文