【前端学习】
文章平均质量分 50
本专栏主要记录HTML、CSS、JavaScript三件套。持续更新中
王同学要努力
24届毕业生 计科专业
无论身处何方,陷于何地,都要向下扎根,向上开花,不负生活,不负自己!
展开
-
【前端实习生备战秋招】—HTML面试题汇总,建议收藏
不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。浏览器渲染页面的两种模式(可通过document.compatMode获取,比如,语雀官网的文档类型是。原创 2023-08-04 15:12:05 · 340 阅读 · 0 评论 -
【前端实习生备战秋招】—HTML 和 CSS面试题总结(三)
CSS 规范规定,每个元素都有 display 属性,确定该元素的类型,每个元素都有默认的 display 值,比如 div 默认 display 属性值为“block”,成为“块级”元素;span 默认display 属性值为“inline”,是“行内”元素。在chrome控制台中的Application选项卡中可以看到cookie的信息⼀个域名下⾯可能存在着很多个 cookie对象。但⼀个 cookie只能⽤于⼀个域名,不能够发给其它的域名。Name。原创 2023-08-04 14:51:06 · 1242 阅读 · 2 评论 -
【前端实习生备战秋招】—HTML 和 CSS面试题总结(二)
外部样式表,引入一个外部 css 文件内部样式表,将 css 代码放在标签内部内联样式,将 css 样式直接定义在 HTML 元素内部最基本的:设置display属性为none,或者技巧性:设置visibility属性为hidden技巧性:设置宽高为 0,设置透明度为 0,设置 z-index 位置在-1000emCSS盒模型本质上是⼀个盒⼦,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。原创 2023-08-03 23:40:24 · 1110 阅读 · 0 评论 -
【前端实习生备战秋招】—HTML 和 CSS面试题总结(一)
IE:trident内核Firefox:gecko内核Safari:webkit内核Opera:以前是presto内核,Opera现已改用GoogleChrome的Blink内核Chrome:Blink(基于webkit,Google与OperaSoftware共同开发)微格式(Microformats)是一种让机器可读的语义化 XHTML 词汇的集合,是结构化数据的开放标准。是为特殊应用而制定的特殊格式。优点:将智能数据添加到网页上,让网站内容在搜索引擎结果界面可以显示额外的提示。原创 2023-08-03 17:04:19 · 1847 阅读 · 2 评论 -
JavaScript学习(九十五)—判断一个数是否是水仙花数
【代码】JavaScript学习(九十五)—判断一个数是否是水仙花数。原创 2023-08-03 13:58:46 · 175 阅读 · 0 评论 -
JavaScript学习(九十四)—打印九九乘法表
【代码】JavaScript学习(九十四)—打印九九乘法表。原创 2023-08-03 13:52:10 · 280 阅读 · 0 评论 -
【HTML+CSS】仿网易云音乐网站
帮粉丝写了个期末大作业,需要源码的小伙伴可以私信我或者评论区留言哦🤣🤣🤣。越努力 越幸运,愿我们都能在看不见的日子里闪闪发光!原创 2023-05-31 10:00:43 · 708 阅读 · 2 评论 -
【零基础入门前端系列】—动画和弹性盒模型(二十四)
过渡和动画的区别过渡只能制作简单的动画(没有过程),动画可以制作复杂的动画(控制过程)过渡必须要有触发事件,动画可以没有过渡只能执行一次,动画可以执行无数次。原创 2023-03-16 16:11:28 · 248 阅读 · 1 评论 -
【零基础入门前端系列】—旋转、缩放、倾斜、过渡(二十三)
定义:CSS3过渡是从一种样式逐渐改变为另一种的效果,通过过渡transition,可以实现简单的动画交互效果。原创 2023-03-16 13:14:02 · 134 阅读 · 1 评论 -
【零基础入门前端系列】—浏览器内核、背景渐变、转换(二十二)
定义:如果你想要在渐变的方向上做更多的控制,你可以定义一个角度,而不用预定义方向(to bottom、to top、to right、to left、to bottom right)等等。定义:为了创建一个线性渐变,你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色,同时,你也可以设置一个起点和一个方向(或一个角度)。但是,通过使用CSS3渐变(gradients) ,你可以减少下载的时间和宽带的使用。CSS3渐变(gradients) 可以让你在两个或多个指定的颜色之间显示平稳的过渡。原创 2023-03-15 20:36:25 · 130 阅读 · 0 评论 -
【零基础入门前端系列】—圆角和阴影(二十一)
属性,你可以给任何元素制作圆角。原创 2023-03-15 17:40:26 · 134 阅读 · 0 评论 -
【零基础入门前端系列】—属性选择器和定位(二十)
【代码】【零基础入门前端系列】—属性选择器(二十)原创 2023-03-15 14:37:01 · 233 阅读 · 0 评论 -
【零基础入门前端系列】—浮动(十八)
float属性定义元素在哪个方向,以往这个属性总应用于图像,使得文本围绕在图像的周围,不过在CSS中,任何元素都可以浮动,浮动的元素会生成一个块级框,而不论它本身是何种元素。CSS的浮动使得元素脱离文档流,文档流是文档中可以显示对象在排列时所占用的位置,而脱离文档流就是在页面中不占位置了。原创 2023-03-08 15:16:22 · 201 阅读 · 0 评论 -
【零基础入门前端系列】—伪对象选择器(十七)
前端原创 2023-02-19 12:46:43 · 309 阅读 · 2 评论 -
【零基础入门前端系列】—伪类选择器(十六)
同一个标签,根据其不同的状态,有不同的样式。这就叫做伪类,伪类使用冒号来表示。原创 2023-02-19 09:31:16 · 233 阅读 · 0 评论 -
【零基础入门前端系列】—复习(十五)
前端学习原创 2023-02-18 14:07:16 · 179 阅读 · 0 评论 -
【零基础入门前端系列】—盒子模型(十四)
【代码】【零基础入门前端系列】—盒子模型(十四)原创 2023-02-18 09:33:35 · 210 阅读 · 0 评论 -
【零基础入门前端系列】—表格的属性(十三)
设置一行的高度(一行文字垂直居中,行高等于高度);hidden:溢出部分隐藏(自动找高,自动找到原位置)(数字) 字体大小*原创 2023-02-17 11:09:43 · 307 阅读 · 1 评论 -
【零基础入门前端系列】—背景属性(十二)
中可以指定背景图片,让我们重新在不同的环境中指定背景图片的大小。您可以指定像素或百分比大小。不同的背景图像和图像用逗号隔开,所有的图片中显示在最顶端的为第一张。你指定的大小是相对于父元素的宽度和高度的百分比的大小。以前,背景图像大小由图像的实际大小决定。指定背景图像的大小。原创 2023-02-16 19:21:10 · 196 阅读 · 0 评论 -
【零基础入门前端系列】—关系选择器(十一)
定义:选择所有被E元素包含的F元素,中间用空格隔开。原创 2023-02-16 17:09:36 · 173 阅读 · 0 评论 -
【零基础入门前端系列】—基础选择器和字体属性(十)
【代码】【零基础入门前端系列】—基础选择器和字体属性(十)原创 2023-02-16 15:38:29 · 158 阅读 · 0 评论 -
【零基础入门前端系列】—CSS介绍(九)
使用Css的目的就是让网页具有美观一致的页面, 另外一个最重要的原因是内容与格式分离,在没有CSS之前,我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性。当HTML内容非常多时,就会定义很多重复的样式属性,并且修改的时候需要逐个修改,费心费力。是时候做出改变了,所以CSS就出现了。原创 2023-02-15 18:41:51 · 379 阅读 · 0 评论 -
【零基础入门前端系列】—语义化标签、实体字符、视频、音频(八)
语义化的标签,旨在让标签有自己的含义p标签与span标签的区别之一就是,p标签的含义是段落而span标签没有独特的含义。原创 2023-02-15 16:05:59 · 502 阅读 · 2 评论 -
【零基础入门前端系列】—表单(七)
表单在Web网页中用来给访问者填写信息,从而采集客户信息端,使得网页具有交互功能。一般是将表单设计在一个HTML文档中,当用户填写完信息后做提交操作,于是表单的内容就从客户端的浏览器传到服务器上,经过服务器的ASP或PHP等处理后,再将用户所需要的信息传送到客户端的浏览器上,这样网页就具有了交互性。🎈get和post的区别1、数据的提交方式,get把提交的数据url可以看到,post看不到2、get一般是用于提交少量的数据,post用于提交大量的数据。原创 2023-02-15 13:58:31 · 425 阅读 · 2 评论 -
【零基础入门前端系列】—表格(六)
表格在数据展示方面非常简单,并且表现优秀,通过与CSS的结合,可以让数据变得更加美观和整齐。单元格的特点:同行等高、同列等宽。原创 2023-02-14 19:30:00 · 474 阅读 · 0 评论 -
【零基础入门前端系列】—无序列表、有序列表、定义列表(五)
自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以标签开始,每个自定义列表项以开始。每个自定义类表项的定义以开始< dl > < dt > 水果 < /dt > < dd > 樱桃 < /dd > < dd > 草莓 < /dd > < /dl > < dl > < dt > 奶茶店 < /dt > < dd > 蜜雪冰城 < /dd > < dd > 古茗 < /dd > < /dl >练习题。原创 2023-02-14 10:32:02 · 1059 阅读 · 2 评论 -
【零基础入门前端系列】—超链接和文本格式化标签(四)
包含英文字母、数字;target设置打开的窗口。原创 2023-02-13 16:45:51 · 324 阅读 · 1 评论 -
【零基础入门前端系列】—图片和HTML的基本结构(三)
不存在或者形式不正确会导致HTML或XHTML文档以混杂模式呈现,就是要把如何渲染html页面的权利交给了浏览器,有多少中浏览器就有多少种展示方式。在W3C标准出来之前,不同的浏览器对页面渲染有不同的标准,产生了一定的差异。为代码添加适当的注释是一种良好的编程习惯,注释只在编辑文本的情况下可见,在浏览器展示页面并不会显示,注释不支持任何属性。严格模式和混杂模式都是浏览器的呈现模式,浏览器究竟使用混杂模式还是严格模式呈现与网页中的DID(文件类型定义)有关。要在页面上显示图像,你需要使用源属性(src)。原创 2023-02-13 15:16:57 · 325 阅读 · 0 评论 -
【零基础入门前端系列】—网页标题、段落标记、强制换行、水平线(二)
标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。如果您希望在不产生一个新段落的情况下进行换行(新行),请使用。元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。注意:浏览器会自动地在段落的前后添加空行。标题(Heading)是通过。原创 2023-02-13 10:25:41 · 452 阅读 · 1 评论 -
【零基础入门前端系列】—HTML介绍(一)
HTML是用来描述网页的一种语言HTML不是一种编程语言,而是一种超文本标记语言,标记语言是一套标记标签(markup tag)HTML使用标记标签来描述网页HTML文档包含了HTML标签以及文本内容HTML文档也叫做web页面,用该语言编写的文件,以.html或.htm为后缀HTML不区分大小写,建议小写,可读性好HTML不识别多余的空格和换行HTML由浏览器解析执行,由上往下,由左往右作用:用来写网页结构内容,比如图片,文字,搜索框HTML标记标签通常被记为HTML标签。原创 2023-02-13 09:59:49 · 239 阅读 · 2 评论