- 博客(18)
- 收藏
- 关注
原创 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
2326
原创 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
439
原创 scc的盒模型 - 盒子模型包含哪些属性 -以及 - 盒子塌陷的解决方式
scc的盒模型 - 盒子模型包含哪些属性 -以及 - 盒子塌陷的解决方式
2022-04-21 23:38:22
443
原创 行内元素于块级元素的区别,以及display:block;和display:inline的区别
行内元素于块级元素的区别,以及display:block;和display:inline的区别
2022-04-21 23:13:13
237
原创 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
775
原创 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
557
原创 JS突出展示小案例
效果图如下:分析步骤: 获取所有li元素 > querySelectorAll,获取到的是伪数组,后期需要遍历 添加鼠标进入事件 效果 使用排他法 让当前鼠标进入的元素透明度变为1,让其它的元素的透明度降低---样式操作 鼠标移出整个区域,所有元素的透明度还原到1--样式操作 html代码如下:<div class="wrap"> <ul> <li>
2022-04-12 21:09:42
339
原创 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
918
原创 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
993
原创 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
780
原创 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
1344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人