自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 flex常用的容器属性 以及 H5与C3新增了那些特性

flex常用的容器属性 以及 H5与C3新增了那些特性

2022-05-24 19:54:36 182

原创 rem、em、px的区别

rem、em、px的区别1.px像素(pixel)。绝对单位。像素px是相对于显示器屏幕分辨率而言的,是一个虚拟长度单位,是计算机系统的数字化图像长度单位2.em是相对长度单位,相对于当前对象内文本的字体尺寸。如果当前行内文本的字体尺寸未被人为设置。则相对于浏览器的默认字体尺寸,它会继承父级元素的字体大小,因此并不是一个固定的值3.rem是css3新增的一个相对单位(root em,根em'),使用rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素4.区别:IE无法调

2022-05-13 21:27:56 2113

原创 html5新特性以及如何避免图片在网页上失真

html5新特性以及如何避免图片在网页上失真

2022-05-13 20:49:34 913

原创 HTML语言化的作用以及常用的语义化标签

1.HTML语义化的作用1.1: 在没有css样式的情况下,页面整体也会呈现出很好的结构效果1.2:更利于用户体验1.3:更有利于搜索引擎优化1.4:代码结构清晰,方便团队开发与维护2.对于语义化的理解2.1:去掉或者丢失样式的时候,能够让页面呈现出清晰的结构2.2:有利用SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重2.3:方便其他设备解析(如屏幕阅读器、某人阅读器、移动设备)以意义的方式来渲染网页2.4:

2022-05-13 20:36:20 411

原创 清除浮动的三种方式

清除浮动的三种方式

2022-05-13 20:10:32 140

原创 scc的盒模型 - 盒子模型包含哪些属性 -以及 - 盒子塌陷的解决方式

scc的盒模型 - 盒子模型包含哪些属性 -以及 - 盒子塌陷的解决方式

2022-04-21 23:38:22 391

原创 行内元素于块级元素的区别,以及display:block;和display:inline的区别

行内元素于块级元素的区别,以及display:block;和display:inline的区别

2022-04-21 23:13:13 212

原创 浏览器内核跟Label的作用以及html的input标签属性

浏览器内核跟Label的作用以及html的input标签的属性

2022-04-19 23:19:14 282

原创 src与href的区别以及title和alt属性的区别

src与href的区别以及title和alt属性的区别

2022-04-19 22:47:40 1791

原创 JS简易微博发布小案例

效果图:html代码:<div class="w"> <!-- 操作的界面 --> <div class="controls"> <img src="./images/9.6/tip.png" alt="" /><br /> <!-- maxlength 可以用来限制表单输入的内容长度 --> <textarea placeh

2022-04-12 22:24:10 707

原创 JS用户管理系统小案例

效果图:html代码: <h1>新增学员</h1> <div class="info"> 姓名:<input type="text" class="uname" /> 年龄:<input type="text" class="age" /> 性别: <select name="gender" id="" class="gender"> <o..

2022-04-12 22:15:35 525

原创 JS弹幕小案例

JS弹幕小案例

2022-04-12 21:44:30 179

原创 JS手风琴双开门案例

JS手风琴双开门案例

2022-04-12 21:26:56 344

原创 JS突出展示小案例

效果图如下:分析步骤: 获取所有li元素 > querySelectorAll,获取到的是伪数组,后期需要遍历 添加鼠标进入事件 效果 使用排他法 让当前鼠标进入的元素透明度变为1,让其它的元素的透明度降低---样式操作 鼠标移出整个区域,所有元素的透明度还原到1--样式操作 html代码如下:<div class="wrap"> <ul> <li>

2022-04-12 21:09:42 301

原创 JavaScript基础语法(数组)第四天

1.数组的基本使用目录1.数组的基本使用1.1 声明语法:1.2 取值语法1.3 一些术语1.4 遍历数组1.5 数组增加新的数据1.6 数组的删除元素根据数据生成柱形图(案例)1.1 声明语法:let 数组名 = [数据1,数据2,...,数据n]如图:1️⃣数组的顺序保存,所以每个数据都有自己的编号2️⃣编号从0开始,所以张三的编号为0,李四编号为1,以此类推3️⃣数组中,数据的编号也叫索引或者下标1.2 取值语法 <s

2022-03-18 20:45:08 893

原创 JavaScript 基础语法(第三天)

目录1.断点调试2.while循环3.for循环1.断点调试断点调试可以帮助更好的理解代码运行,工作时可以更快找到bug浏览器打开调试界面1️⃣按F12打开开发者工具2️⃣点到源代码sources一栏3️⃣选择代码文件断点:在某句代码上加的标记就叫断点,当程序执行到这句有标记的代码时会暂停下来2.while循环2.1 while循环语法:释义:1️⃣跟if语句很像,都要满足小括号里的条件为true才会进入执行代码...

2022-03-17 21:39:03 960

原创 JavaScript 基础语法(第二天)

目录:1.1运算符1.2.赋值运算符1.3一元运算符1.4比较运算符 1.5逻辑运算符1.6分支1.7三元运算符1.1运算符1.算术运算符常见的几种算术运算符:+(求和) - (求差) *(求积) /(求商) %(取模,求余)执行顺序:先乘除后加减,有括号先算括号里面的%取余开发中的是来判断某个数字是否能被整除1.2.赋值运算符+= ,-= ,*= ,/= , %=语法:1.3一元运算符一元运算符自...

2022-03-16 10:17:32 749

原创 JavaScript基础语法(第一天)

1.1 JavaScript组成:ECMAScript( 基础语法 )、web APIs (DOM、BOM)1.2JS书写位置:(这样事项:书写位置尽量写到文档末尾</body>前面) 1.内部:直接写在html文件里,用script标签包裹 2.外部:通过script标签引入到html页面 (注意:scropt标签中间不要写代码,否则会被忽略) 3.内联:代码写在标签内部(不推荐使用)1.3JS结束符 ...

2022-03-15 21:35:46 1293

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除