笔记
文章平均质量分 51
云杰8了
一入前端深似海
展开
-
js遍历添加事件索引问题
项目场景:通过遍历添加点击事件时,想要获取点击元素的索引,但是索引都是元素长度的 length问题原因:for循环的问题for循环的执行过程为,先执行语句1 ,也就是声明i值,并且赋值为0,然后判断小于3,然后执行大括号中的语句,然后再++i;因为用var 声明的为全局变量,循环结束后i值为3,事件发生以后向函数外部查询i值,结果就为4.例子for (var i = 0; i < 3; i++) { console.log('循环中的i='+ i);原创 2021-03-04 19:45:03 · 658 阅读 · 4 评论 -
伪元素before、after和定位
伪元素before、after和定位伪元素before和after:before 选择器向选定的元素前插入内容。使用content 属性来指定要插入的内容。<!DOCTYPE html><html><head><meta charset="utf-8"> <title>教程</title> <style>p::before{ content:"Read this -";}</style>原创 2020-12-10 22:12:01 · 7398 阅读 · 1 评论 -
CSS盒子模型与浮动
CSS盒子模型与浮动CSS盒子模型说明css盒子模型就像一个盒子,就像下边的相框。最常见的盒子div 和span。css有两种, IE 盒子模型、W3C 盒子模型;(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border);(3)区 别: IE的content部分把 border 和 padding计算了进去;[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gOkduulL-1607515292887)(C:\U原创 2020-12-09 20:02:00 · 420 阅读 · 2 评论 -
CSS样式优先级
CSS继承性与层叠性、文字和文本样式CSS继承性说明:代码如下:CSS层叠性说明:CSS 文字样式(font)font-style属性font-weight 属性font-size 属性font-family 属性line-hight(行高)CSS文本样式(text)color属性text-align属性text-decoration属性text-indent属性text-overflow 属性word-spacing 属性letter-spacing属性text-transform属性vertical-.原创 2020-12-08 19:43:10 · 239 阅读 · 0 评论 -
HTML最基础的标签
HTML常用标签前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词,比如 HTML 标签通常是成对出现的,比如 和 标签对中的第一个标签是开始标签,第二个标签是结束标签。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库原创 2020-12-03 20:03:00 · 514 阅读 · 0 评论 -
HTML制作表单
HTML表单一、HTML 表单是什么1、文本域2、 密码字段3、单选按钮4、复选框5、提交按钮一、HTML 表单是什么表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。(例如下图)。# 二、HTML 表单 - 输入元素多数情况下被用到的表单标签是输入标签()。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:1、文本域文原创 2020-12-04 21:53:17 · 2430 阅读 · 0 评论 -
HTML结构详解
三、HTML结构详解备注:所有的浏览器默认情况下都会忽略空格和空行每个标签都有私有属性。也都有公有属性。html中表示长度的单位都是像素。HTML只有一种单位就是像素。HTML标签通常是成对出现的(双边标记),比如 <div> 和 </div>,也有单独呈现的标签(单边标记),如:<br />、<hr />和<img src=“images/1.jpg” />等。属性与标记之间、各属性之间需要以空格隔开。属性值以双引号括起来。原创 2020-12-02 19:06:24 · 1343 阅读 · 0 评论