生活杂文

网站首页HTML

对常用的CSS文本属性你理解有多少！

对常用的CSS文本属性你理解有多少！

CSS 中的属性控制文本大小写和大写。text-transform.lowercase { text-transform: lowercase; }包含的所有值： lowercase使所选文本中的所有字母小写。 uppercase使所选文

  • 蓝天
  • [HTML]
  • 2020年10月08日
  • 阅读50次

box-shadown与drop-shadow的区别

box-shadown与drop-shadow的区别

box-shadowbox-shadow顾名思意“盒阴影”，只是盒子的阴影；它投影的容器，比如说你的图标中间有透明部分，但实际上透明部分依然会有投影;drop-shadowdrop-shadow就符合

  • 蓝天
  • [HTML]
  • 2020年08月22日
  • 阅读47次

CSS工作原理

CSS工作原理

HTML 代码和 CSS 代码共同构成了风格迥异的网页，HTML 代码定义了网页的框架与内容，CSS 则可以赋予网页独一无二的样式，那么，浏览器是如何处理 CSS 代码，将网页渲染成我们想要的结

  • 蓝天
  • [HTML]
  • 2020年08月21日
  • 阅读35次

js基础知识大盘点

js基础知识大盘点

JavaScript
特点：
1.JavaScript主要用来向HTML页面中添加交互行为。 JavaScript是一种脚本语言，语法和java类似 javaScript一般用来编写客户端脚本 JavaScript是一种解释性语

  • 蓝天
  • [HTML]
  • 2020年07月30日
  • 阅读43次

CSS：常用CSS总结

CSS：常用CSS总结

前言：CSS比较死板，没有什么灵活性，说白了就是纯记，但是这个单词量有点大，所以基本上都只是记一些常用的，不常用的心里有这个印象就行了，剩下的交给百度了，合理的利用复制张贴可以节

  • 蓝天
  • [HTML]
  • 2020年05月13日
  • 阅读84次

CSS盒子水平居中的六种方法

CSS盒子水平居中的六种方法

方法一：定位居中.child{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;} 方法二：margin居中.child{position:absolute;margin:auto;top:0;left:

  • 蓝天
  • [HTML]
  • 2020年03月31日
  • 阅读831次

CSS制作波浪文本动画特效

CSS制作波浪文本动画特效

HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U

  • 蓝天
  • [HTML]
  • 2020年03月24日
  • 阅读133次

JS各种常用方法自定义函数

JS各种常用方法自定义函数

验证不能包含字母const isNoWord = value => /^[^A-Za-z]*$/g.test(value);验证中文和数字const isCHNAndEN = value => /^((?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uF

  • 蓝天
  • [HTML]
  • 2020年03月15日
  • 阅读107次

CSS3常见及常用单位：总结

CSS3常见及常用单位：总结

常见的单位有： px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的

  • 蓝天
  • [HTML]
  • 2020年03月12日
  • 阅读110次

JS中数组相关方法：统计

JS中数组相关方法：统计

1. Array.from()Array.frommethod从array - like或iterable对象创建一个新的浅拷贝
浅拷贝是对象的逐位副本。创建一个新对象，该对象具有原始对象中值的精确副本。如果对象的

  • 蓝天
  • [HTML]
  • 2020年03月09日
  • 阅读88次

JS中删除数组中重复对象

JS中删除数组中重复对象

待去重的数组：var arrayOfObject = [{name: '阿龙',img: '../img...'},{name: '张三',img: '../img...'},{name: '李四',img: '../img...'},{name: '蓝天',img: '../img...'}

  • 蓝天
  • [HTML]
  • 2020年03月09日
  • 阅读82次

JS定时器实现倒计时弹窗

JS定时器实现倒计时弹窗

var seconds = 0; var interval; function pomodoro(mins) { seconds = mins * 60 || 0; interval = setInterval(function () {

  • 蓝天
  • [HTML]
  • 2020年03月09日
  • 阅读140次

JS中将24小时格式转换为12小时

JS中将24小时格式转换为12小时

js中有时候可能要把24小时格式化12小时，方法如下：var dt = new Date();var hours = dt.getHours(); // 以24小时格式给出值var minutes = dt.getMinutes() ;var finalTime = "

  • 蓝天
  • [HTML]
  • 2020年03月09日
  • 阅读362次

JS万能的数据类型检测：toString

JS万能的数据类型检测：toString

JS数据类型检测有很多种，而“toString”很神奇，不信就看看吧： Object.prototype.toString.call([]); // [object Array] Object.prototype.toString.call(1); //

  • 蓝天
  • [HTML]
  • 2020年03月09日
  • 阅读89次

利用html加css制作一个切换开关按钮

利用html加css制作一个切换开关按钮

首先创建一个标签输入复选框，这样我们就可以改变标签的开关打开时复选框被选中的开关关断时没有选中。<input type=“checkbox”id=“toggle”class=“checkbox”/><label fo

  • 蓝天
  • [HTML]
  • 2020年03月08日
  • 阅读246次

CSS实现一个等待加载器

CSS实现一个等待加载器

首先，我们需要创建3个点，以创建一个加载器<div class = "loader"> <div></div> <div></div> <div></div></div>添加一些CSS以使div填满整个屏幕。将加载程序设置为

  • 蓝天
  • [HTML]
  • 2020年03月08日
  • 阅读59次

联系方式