![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端开发
文章平均质量分 50
每天八杯水D
修德 求知 炼体 磨意
展开
-
《JavaScript学习笔记》获取html节点、改变节点样式、改变节点内容、创建节点
《JavaScript学习笔记》获取html节点、改变节点样式、改变节点内容、创建节点原创 2022-09-16 08:41:57 · 893 阅读 · 0 评论 -
H5全栈实习day03:js
js的引入方式,js的打印,打印到控制台,在浏览器里F12查看,js的声明变量,js的数据类型,js获取html节点,改变节点样式、改变节点内容原创 2022-09-16 08:41:39 · 169 阅读 · 0 评论 -
《JQuery》实现同一个复选框checkbox一键全选和一键取消
给全选复选框添加点击事件HTML代码:<input type="checkbox" id="ckall" onclick="checkall()"/>全选<input type="checkbox" class="ckitem" />学习<input type="checkbox" class="ckitem" />吃饭<input type="checkbox" class="ckitem" />打游戏<input typ原创 2022-09-15 08:45:31 · 400 阅读 · 0 评论 -
《css+html小案例3》小米商城手机部分:利用浮动+弹性盒子布局
《css+html小案例3》小米商城手机部分:利用浮动+弹性盒子布局原创 2022-09-15 08:41:31 · 1692 阅读 · 0 评论 -
H5全栈实习day02:浮动、盒子模型、定位、弹性盒子
H5全栈实习day02:浮动、盒子模型、定位、弹性盒子原创 2022-09-15 08:33:43 · 499 阅读 · 0 评论 -
H5全栈实习day01:html重点标签+css选择器+css采用字体文本属性+display显示模式+浮动
H5全栈实习day01:html重点标签+css选择器+css采用字体文本属性+display显示模式+浮动原创 2022-09-15 08:25:40 · 181 阅读 · 0 评论 -
《CSS学习笔记》弹性盒子
弹性盒子:让子元素显示在同一行。三种让多个div显示在同一行的方法原创 2022-09-15 08:23:32 · 674 阅读 · 0 评论 -
《css+html小案例2》鼠标滑过显示隐藏盒子+定位
《css+html小案例2》鼠标滑过显示隐藏盒子+定位原创 2022-09-14 14:30:21 · 1297 阅读 · 0 评论 -
《CSS》iconfont使用案例。并结合 position: fixed定位导航栏的位置,导航栏内又可以使用弹性布局display:flex对各个子级div布局。便捷快速。
一、css代码 .navigation{ position: fixed; /*相对于整个窗口定位*/ height: 45px; width: 100%; z-index: 3; left: 0px; /*距离设备左侧0距离*/ bottom:0px; /*距离设备底部0距离*/ z-index: 3; /*层级设高一点就可以了*/}二、导航栏可以使用弹性布局display:flex方便快速父级div使用di...原创 2022-05-13 15:17:10 · 689 阅读 · 0 评论 -
《CSS》解决使用float浮动后产生的问题,直接在父级div的css样式中添加以下属性即可清除浮动
一、模拟使用浮动float <div class="oneArticle"> <div class="content" style="float: left"> <div class="title">#{{title}}</div> <div class="clickReply"><span>#{{clickcount}}阅读 </span> &a原创 2022-05-07 13:31:27 · 320 阅读 · 0 评论 -
《JavaScript学习笔记》之实时监听并获取input输入框值的方法
JavaScript实时监听获取input输入框值的方法,oninput 和 onpropertychange 两个事件用于实时获取输入框内容,前者适用于Google、Firefox;或者适用于IE浏览器。原创 2022-01-10 10:49:13 · 5379 阅读 · 0 评论 -
《JavaScript练习》之表单的输入框当无内容时后面的星号*为默认红色,有内容时为灰色(nextSibling表示获取当前对象在HTML中的下一个对象)
《JavaScript练习》之表单的输入框当无内容时后面的星号*为默认红色,有内容时为灰色(nextSibling表示获取当前对象在HTML中的下一个对象)原创 2021-12-23 20:04:10 · 1906 阅读 · 2 评论 -
《JavaScript练习》之通过表单注册信息的获取、正则表达式验证密码、电话、邮件
《JavaScript练习》之通过表单注册信息的获取、正则表达式验证密码、电话、邮件一、实验任务1、当用户单击“注册”按钮时,读取用户的姓名、学号、性别、住址和爱好信息,然后使用确认消息对话框显示这些信息,并提示用户是否继续提交;如果继续,则对表单数据做如下检验、处理和提示。有确定和取消按钮。2、检验用户名不能为空,清除用户名两端多余空格,最后向服务器提交去掉空格后的用户名。3、密码必须为8位,且两次输入密码相同。4、电话号码必须为11位数字,以1开头。原创 2021-12-23 17:35:30 · 1891 阅读 · 4 评论 -
《CSS学习笔记》之定位:相对、绝对、固定、z-index
《CSS学习笔记》之定位:相对、绝对、固定、z-index原创 2021-12-22 14:59:03 · 295 阅读 · 0 评论 -
《CSS学习笔记》之display、浮动float,及其四种解决父级元素塌陷问题的方法
1.浮动元素后面增加空div简单,代码中尽量避免空div2.设置父元素的高度简单,元素假设有了固定的高度,就会被限制3. overflow简单,下拉的一些场景避免使用4.父类添加一个伪类:after(推荐)写法稍微复杂一点,但是没有副作用,推荐使用!原创 2021-12-22 13:54:53 · 968 阅读 · 0 评论 -
《CSS学习笔记》之盒子模型:边框、内外边距、圆角、阴影
《CSS学习笔记》之盒子模型:边框、内外边距、圆角、阴影原创 2021-12-22 09:14:57 · 182 阅读 · 0 评论 -
《CSS学习笔记》之基本样式:字体、文本、超链接、列表、背景样式
《CSS学习笔记》之基本样式:字体、文本、超链接、列表、背景样式原创 2021-12-22 08:13:19 · 143 阅读 · 0 评论 -
《CSS学习笔记》之四大选择器:基本选择器、层次选择器、结构伪类选择器、属性选择器
css选择器四种类型一、基本选择器二、层次选择器三、结构伪类选择器四、属性选择器原创 2021-12-21 22:45:41 · 562 阅读 · 0 评论 -
《HTML学习笔记》之表单form的详细应用:属性、控件、验证
form [post/get]文本框密码框单选框多选框按钮下拉框滑块隐藏域表单应用只读禁用用户提示placehoder表单的初级验证非空判断required正则表达式 parrentt原创 2021-12-21 18:40:38 · 876 阅读 · 0 评论 -
《HTML学习笔记》之基本标签使用:图像、链接、列表、表格、音视频等标签
一、网页基本标签二、图像标签三、链接标签(一)页面链接(二)锚链接(三)功能性链接四、行内元素和块内元素五、列表标签(一)有序列表(二)无序列表(三)自定义列表六、表格标签七、音频和视频标签原创 2021-12-21 17:12:33 · 517 阅读 · 0 评论 -
《css+html小案例1》网页设计简单导航栏方法一:使用display:flex实现
网页设计简单导航栏方法一:使用display:flex实现CSS代码:原创 2021-11-09 13:12:54 · 525 阅读 · 0 评论