- 博客(8)
- 收藏
- 关注
RSS订阅转载 js中字符串转换为数字
js 字符串转化成数字的三种方法主要有转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。示例如下： parseInt("1234blue"); //returns 1234 parseInt("0xA"); //returns 10 parse
2021-09-12 22:42:34
5683
原创 css图片居中的方法总结
在进行网页布局的时候，有时候图片的位置可能会影响整个页面的美观程度，所以对于图片的放置位置就得变化，那么，接下来的这篇文章将给大家来介绍关于图片在网页中如何使用css实现居中的方法，对于有需要的朋友来说可以做个参考。css图片居中分css图片水平居中和垂直居中两种情况，那么下面我们就来分别看一看这些图片居中的实现方法。一、首先，我们来看看css图片水平居中的方法1、利用margin: 0 auto实现图片水平居中<div style="text-align: center; width: 50
2021-09-12 21:46:34
1469
原创 css text-align属性，行内元素，块级元素居中详解
一.text-align属性1.text-align用来设置元素中的的文本对齐方式，例如：如果需要设置图片的对齐方式，需要设置图片的父元素的text-align属性；2.text-align只对文本有效，对元素无效，不能设置元素的对齐方式；3.表格元素td是属于inline-block，可以使用text-align设置td中的文本对齐方式；二.水平居中和垂直居中1.水平居中(1) 文本、图片等行内元素的水平居中给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中
2021-09-12 21:41:10
23759
3
原创 js 使用for 循环添加点击事件
使用for循环添加点击事件时，获取i值的方法比如页面上有一个ul，数个li，现在给li添加点击事件。 var li = document.getElementsByTagName("li"); for(var i = 0; i < li.length; i++) { li[i].addEventListener("click",function () { console.log(i); })}但是，这样写之后我们发现，点击任何一个li，打印的值都为5，这是因为闭包中共用i值
2021-09-12 21:35:41
4152
原创 first-child或者nth-child(1) 不起作用的原因
CSS3—first-child或者nth-child(1) 不起作用的原因复习一下知识点1、first-child、last-child、nth-child(n)、nth-child(2n)、nth-child(2n-1)、nth-child(odd)、nth-child(even)、nth-last-child(3)（倒数第三个）注意点： 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。1、先找到该伪类调用者（元素）的父类2、其次找到父类下的第n个子元素3、最后看该子元素是不是1中
2021-09-12 21:31:48
6170
3
原创 js 随机取色板
随机生成rgb 或# 类型颜色的面板html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width,user-scala
2021-09-12 21:23:43
392
原创 css之background,border与font 的复合写法
1.背景-background 写法单个属性的写法:div{background-image: url(1.gif); /*背景图片*/background-repeat: no-repeat; /*不平铺*/background-attachment: fixed; /*随文本滚动*/background-position: center center; /*背景图片位置*/}复合属性的写法:格式:background : background-color background-im
2021-09-12 21:11:21
464
原创 css 中的position
CSS中position属性介绍(新增sticky)position的含义是指定位类型，取值类型可以有：static、relative、absolute、fixed、inherit和sticky，这里sticky是CSS3新发布的一个属性。1、position: staticstatic(没有定位)是position的默认值，元素处于正常的文档流中，会忽略left、top、right、bottom和z-index属性。2、position: relativerelative(相对定位)是指给元素设
2021-09-12 20:36:37
3188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人