共享博客 - 简单搜索

HTML中列表类属性的详细介绍

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

HTML中 background背景类属性详细介绍

2024年04月10日 1.背景颜色语法：background-color: 颜色值; 注：颜色值的设置方法同字体颜色。2.背景图语法：background-image: url(图片路径); 注：网页中常见的两种图片形式：插入图片和背景图 ① 使用img标签插入图片：数据型的图片（经常需要更换网页内容的图片）； ② 背景图：用来装饰网页的图片（在一定时期内不会发生改变的图片），可以在背景图上显示文字和其他内容。3.背景平铺属性语法：b

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

ionic项目开发中如何自动生成 icon 和 splash 小方法

2024年04月10日最近做项目，刚好用到这块，就给大家分享下此方法。首先，我们需要在项目中找到目录 resources，并且在目录里面放置两张对应的png图片，命名分别为 icon.png 和 splash.png ，icon.png 最少要1024 x 1024px, splash.png 最少要2732 x 2732px。接下来我们执行下方命令ionic cordova resources 命令执行成功后会在目录 resources 下生成 android 和

前端 JS JavaScript

Js如何把时间戳转化为日期格式北京时间小方法

2024年04月10日也是上班时遇到，后台接口数据给我反的是一个时间戳，需要转化为日期时间展示到前台，方法如下：首先大家先参考下面代码// 下面一句代码是获取一个时间对象 //时间戳，填写你需要转换的内容 var date = new Date(时间戳); //下面是获取时间日期的方法，需要什么样的格式自己拼接起来就好了 // 获取完整的年份(4位,1996) date.getFullYear(); // 获取月份(0-11,0代表1月,用的时候记得加上1) date

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

CSS盒模型的概念及组成 content padding border margin

2024年04月10日嗯...ps随便大概画了一个参考图，色彩有点...见谅CSS盒模型的概念及组成 css盒模型概念——css盒模型是css的基石，每个html元素都可以看作是一个盒模型。 css盒模型的组成——内容（content）、补白或填充（padding）、边框（border）、外边距（margin）1.内容（content）语法:width: 数值+单位; height: 数值+单位; eg:.box{ width: 300px; hei

前端 css

文本溢出关于 text-overflow 的介绍以及white-space的介绍

2024年04月10日文本溢出语法：text-overflow: clip | ellipsis; clip不显示省略号，溢出文本被裁剪 cllipsis 显示省略号（省略号相关属性要给文本所在容器设置，不能越级设置）注：单行文本省略号设置必须满足以下四个条件，缺一不可； ①给容器一个固定的宽度 width: 数值+单位; ②设置文本强制在一行显示 white-space: nowrap; ③容器溢出隐藏 overflow: hidden;

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

css3 background属性如何设置多张背景图

2024年04月10日 Why？？？什么？可以设置多张背景图...刚看到我是懵逼的，于是我查了下，css3确实可以设置多张背景图，方法分享给大家。下面，css3实现一个盒子设置多张背景图语法：background: url("图片路径") 100px 100px no-repeat,url("图片路径") 100px 100px no-repeat, url("图片路径") 100px 100px no-repeat;其实没多大稀奇，也就是

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

ionic 中如何使用 swiper 插件

2024年04月10日首先，我们下载 swiper 的 js 和 css，将其放置 assets 中，在 src 下的 index.html 中引入（当然也可以直接引入 CDN ）  <link rel="stylesheet" href="./assets/css/swiper-4.4.1.min.css"> <script src="./assets/js/swiper-4.

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

html元素类型详细介绍包含块元素、内联元素、可变元素

2024年04月09日 HTML元素分为三大类：块元素、内联元素、可变元素1.块元素常见块元素：div、p、ul、ol、li、dt、dl、dd、form、table、tr、td、h1、h2、h3、h4、h5、h6、hr、fieldset 注：默认状态有 margin、padding 的html元素有 body、ul、ol、dl、dd、li、p、h1-h6、td、input 块状元素的特点： ① 块状元素以块的形式显示为矩形区域 ② 块状元素不会并排显示

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

元素类型相互转换详细介绍块状元素内联元素

2024年04月09日元素类型转换语法：display: block | inline-block | inline | none | list-item; block：将元素转换为块状元素，是大部分块元素的默认display属性值； inline-block：将元素转换为内联块状元素，是内联块状元素的默认display属性值（如 img，input等）； inline：将元素转换为内联元素，是内联元素的默认display属性值（如 a，span等）；

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

HTML中置换元素和非置换元素分别是什么？

2024年04月09日置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如： img标签的src属性决定了在浏览器中显示不同的图片； input标签的type属性决定了在浏览器中显示什么类型的input控件；非置换元素：除了置换元素html大部分元素都是不可替换的非置换元素，标签之间的内容直接显示在浏览器中。

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

宽/高自适应与最小最大高度、最小最大宽度介绍

2024年04月09日宽度自适应语法：width: 100%; 注：块状元素默认宽度为100%；通常应用在通栏效果中；高度自适应语法：height: auto; 注：等价于不设置高度；PS：以下四组属性IE6及以下版本浏览器不支持最小高度语法：min-height: 数值+单位; 注：IE6不识别min-height属性，解决方法如下方案一：min-height: 150px; -height: 150px; 方案二：min-height

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Css选择器 UI状态伪类选择器与目标伪类选择器

2024年04月09日 UI状态伪类选择器1. E:checked 匹配选中状态的单选或复选按钮 eg:input :checked+label{ color: red; } 匹配选中状态的 input 控件后面紧邻的那个 label 标签2. E:enabled 匹配启用状态的 input 控件3. E:disabled 匹配禁用状态的 input 控件目标伪类选择器语法: E:target 匹配锚点链接链接到的那个元素 eg:p :target{

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Css选择器属性选择器介绍

2024年04月09日 1. E[attr] 匹配含有 attr 属性的 E 元素 eg:a[class]{ color: red; } 匹配含有 class 属性的 a 标签2. E[attr=value] 匹配含有 atter 属性并且属性值为value 的E元素 eg:a[class=value]{ color: red; } 匹配含有 class 属性，并且值为 login 的 a 标签3. E[attr~=value] 匹配含有

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Css选择器否定伪类选择器与语言伪类选择器

2024年04月09日否定伪类选择器语法: E:not(F) 匹配不满足条件 F 的 E 元素 eg:li:not([class=lis]){ background: pink; } 匹配不满足条件 class=lis 的 li 元素语言伪类选择器语法: E:lang(value) 匹配指定了 lang 属性，并且值为 value 的E元素 eg:html:lang(en){ color: red; }

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS