HTML
文章平均质量分 85
¹灵感不来
这个作者很懒,什么都没留下…
展开
-
JS基础学习(十一):Math对象
js中的Math对象原创 2022-04-28 18:04:12 · 374 阅读 · 0 评论 -
JS基础学习(十):字符串的大小写转换、trim()方法、JS字符串截取和模版字符串
1.字符串的大小写转换<script> // let str = 'ASEDECFSXV'; // /* 把字符串转换为小写 */ /* toLowerCase方法会返回一个小写的字符串 */ // let nstr = str.toLowerCase(); // document.write(nstr); let str = 'svdsfv'; /* 把字符串转换为大写 */原创 2022-04-27 22:51:46 · 1541 阅读 · 0 评论 -
JS基础学习(九):js的七大数据类型和构造函数、concat、replace、split、lastIndexOf()和indexOf、includes、match()
acwadC原创 2022-04-27 00:02:48 · 257 阅读 · 0 评论 -
JS基础学习(八):Date构造方法、时间戳、string属性(一)
1.创建 Date 对象Date 对象由新的Date() 构造函数创建。有 4 种方法创建新的日期对象:new Date() new Date(year, month, day, hours, minutes, seconds, milliseconds) new Date(milliseconds) new Date(date string)第一种:let time1 = new Date(); //let一个日期对象time1给Date构造函数...原创 2022-04-26 02:26:15 · 2244 阅读 · 0 评论 -
JS基础学习(七):对象和数组进行循环、concat、splice、indexOf、push、unshift、pop、shift、confirm
1.对象和数组进行循环例如:<script> // ①for in 对象和数组进行循环 let obj = { name: 'XXX', //数组obj下name属性的值为‘xxx’ age: 22,//数组obj下age属性的值...原创 2022-04-25 02:31:34 · 1624 阅读 · 0 评论 -
JS基础学习(四):循环(二)、事件调用和函数定义、双重循环
1.函数函数的含义:程序的基本单元,是完成特定任务的代码语句块函数分类:系统函数(如parseInt()、parseFloat()...)、自定义函数(如luck())函数的特征:实现一定的功能可以返回一个结果 return 可以有参数且函数需要调用;1.1函数定义(声明)JavaScript 函数是通过function关键词定义的。可以使用函数声明或函数表达式。function functionName(变量) { 要...原创 2022-04-20 22:05:38 · 261 阅读 · 0 评论 -
块元素水平垂直居中、多行文本垂直居中、外部使用响应式写法
1.块元素水平垂直居中先提问:之前我们学过flex啦使盒子水平垂直居中的方式是什么呢?解:给父级盒子设置: display: flex; justify-content: center; align-items: center;以上这是第一种方法:使用flex弹性盒子布局;我们来看一看还有的几种方式吧!未免以后会用到呢!第二种方法:可以使用绝对定位配合margin的方式实现 margi...原创 2022-04-15 23:24:19 · 178 阅读 · 0 评论 -
定位:relative相对定位、absolute绝对定位、fixed固定定位
作者有话说:在学定位之前有了解过吗?再没学浮动之前,这些块元素标签会出现在一列,要想实现并排就可以使用浮动float,现在我们可以学习定位,给背景图片或者图片、div、border等添加属性等,有定位在祖先级的、定位在浏览器的,比如说浏览京东页面时,当你拉动网页的时候页面会动,但是会有一个栏目始终保持在那个位置不动,这就是使用的定位,接下来一起看看吧!定位使用positionstatic 默认值,没有定位 relative 相对定位 ...原创 2022-04-08 20:24:47 · 4558 阅读 · 1 评论 -
浮动、消除浮动塌陷、overflow小拓展
1.什么样叫浮动,浮动使用float什么样叫浮动?举例子:有这样的代码<style> .div1{ padding:20px; border:1px dashed red; }加入浮动.div1 img{ float:left;/*浮动在左侧*/ } </style><div class="div1"> ...原创 2022-04-06 17:28:53 · 436 阅读 · 1 评论 -
了解HTML5、网页布局、新增结构、网页元素
1.了解HTML什么是HTML5HTML5是用于取代HTML和XHTML的标准版本新特性新的语义化标签,比如 header、footer、nav新的表单控件,比如 email、url、search用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素作者有话说:之前我们使用的都是div、p、span等标签,这样的标签最简单使用,但是也有不方便的地方,第一不利于网站对访客的易用性,单单使用div标签只能制作网页但是 访问网页的渠道有很多,div制作网原创 2022-03-30 18:44:33 · 1731 阅读 · 0 评论 -
内外边距、怪异盒子、行内元素和块元素的应用
1.内外边距回顾一下外边距:外边距是如div标签包裹的盒子外面距离网页的边距称为外边距内边距则是如div标签类盒子的内部元素距离边框的边距同样内边距也可以单独设置:padding-top:Npx;(设置内边距上边距)padding-bottom:Npx;(设置内边距下边距)padding-left:Npx;(设置内边距左边距)padding-right:Npx;(设置内边距右边距)2.怪异盒子怪异盒子个人自述:学到盒子的时候讲到盒子的组成为margin、paddi..原创 2022-03-29 16:51:44 · 466 阅读 · 0 评论 -
盒子模型、div盒子、边框粗细、外边距
1.盒子模型概念:盒子模型是由margin + border + padding +网页元素(content)组成图示:最简单的盒子:<style> ul{ border: 1px solid rgb(101, 125, 230); } </style><body><div> <ul> <li>...原创 2022-03-28 17:20:17 · 1764 阅读 · 0 评论 -
文本修饰、超链接伪类、列表样式、网页背景定位
1.文本修饰:text-decoration:none、line-through、underline、overline;text-decoration:none;注:none对于一般的元素而言是默认值,定义的标准文本没有下划线,且a元素是默认就含有下划线text-decoration:line-through;注:line-through设置文本的删除线text-decoration:overline;注:overline设置文本的上划线text-decoration:un.原创 2022-03-27 18:24:05 · 764 阅读 · 0 评论 -
字体样式和css文本样式
设置字体属性font-!1.设置字体属性(用内部样式写在style里)/* 字体可以用引号包裹 也可以不加★如果楷体也不认识,那么就用浏览器默认的字体*/.p1{font-family: 宋体;/*font-family: "楷体";*/}2.设置字体大小/* px是物理像素 */div{font-size:12px;}3.em、rem和px的使用/*网页一般的一个字符像素大小为16px*//* em是根据父元素的大小来显示的 */p{原创 2022-03-25 18:43:07 · 1056 阅读 · 0 评论 -
选择器优先级和css的高级选择器
选择器:id选择器、类选择、元素选择器id选择器:h1为名称,且前后相同<style>#h1{color:yellow;}</style><body><h1 id="h1">我是id选择器&l...原创 2022-03-24 18:01:54 · 362 阅读 · 0 评论 -
HTML中表单与框
<input type="表单元素" name="!" value="!" size="!" maxlength="!" checked>name:表单名称;value:上传数据名称(显示在地址栏内);size:除text和password表示表单宽度以外表示大小;maxlenght:表示该表单最大字符数;checked:设表单或按钮默认选择。表单元素有:text :文本框password:密码框checkbox:复选框radio:单选框submit:..原创 2022-03-22 16:09:00 · 315 阅读 · 0 评论