html
html,css
万翼
本博客属于自己的笔记
展开
-
打造自适应网站只用一个CSS属性就够了
用一个CSS属性创建一个响应式网站,让我们来看看它是如何做到的。????以这个模板为例,没有应用css属性。????使用 clamp() CSS函数,我们可以创建仅具有一个属性的响应式网站。现在添加魔术CSSclamp(minimum, preferred, maximum);在这里!你已经完成了✌说明clamp() 的工作原理是“夹紧”或限制一个灵活的值,使其处于最小和最大范围之间。使用方法如下:minimum 最小值:例如 16pxflexible 弹性值:例如 5vwmax转载 2020-11-10 10:53:23 · 219 阅读 · 0 评论 -
简单实用又不花里胡哨的鼠标滑过样式
今天和大家分享我在网站里面常用到的鼠标滑过div的样式。喜欢的话记得给我点赞。一、纯图片的DIV一、纯图片的DIV<div class="lists"> <a href="#" class="box"> <img src="avatar.jpg"> </a> <a href="#" class="box"> <img src="avatar.jpg"> </a&转载 2020-10-10 10:48:05 · 815 阅读 · 0 评论 -
js常用单词以及数组方法
push :添加一个数组元素pop :删除最后一个数组元素shift :删除第一个数组元素console :控制台string :字符串document :文档Concat 组合数组typeof :关键字join:数组转化为指定分隔符slice:返回指定数组length:数组长度Array:数组JS中的值类型:{number:数字boolean:布尔object:对象类型undefined :未定义String:字符串null:空Symbol:表示独一无二的值。它是 J原创 2020-09-23 15:03:53 · 772 阅读 · 0 评论 -
前端html的base64使用方法window.btoa()和window.atob()
前端用base64加密和解密的使用方法,只需要两个函数就可以了。一个是加密:window.btoa(),一个是解密:window.atob(),看例子:<html> <head> <title>前端的base64使用方法</title> </head> <body> 前端的base64使用方法 </body><script>var str =转载 2020-09-21 09:13:06 · 446 阅读 · 0 评论 -
前端路由详解
前端路由与单页页面路由就是指随着浏览器地址栏的变化,展示给用户的页面也不相同。传统的网页根据用户访问的不同的地址,浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大,而且用户访问速度也比较慢。在这种场景下,出现了单页应用。单页应用(spa),就是只有一个页面,用户访问一个网址,服务器返回的页面始终只有一个,不管用户改变了浏览器地址栏的内容或者在页面内发生了跳转,服务器不会重新返回新的页面,而是通过相应的js操作来实现页面的更改。而地址栏内容的改变,显示不同的页面,实现的手段就是前端路原创 2020-09-18 16:48:14 · 414 阅读 · 0 评论 -
Html基本结构、语法规则、常用标记/标签
Html基本结构、语法规则、常用标记/标签 (h1-h6/p /i/em/b/hr/br/strong/b/sub/sup/del/)及空格符 注:自己总结的下面分开重点和不重点的地方一、HTML的定义:HTML:是超文本标记语言(Hpyer text markup language);XHTML是可扩展超文本标记语言(扩展成XML文档)(Extensible text markup language);HTML5:指的是第五次大修改规范(新标准);二、站`点的定义:是存放整原创 2020-09-18 09:47:43 · 14957 阅读 · 0 评论