随笔分类 - 【前端】学习博客
摘要：圆角边框 怎么设置不同的圆角？ border-radius: 10px 20px 30px 40px; 左上 → 右上 → 右下 → 左下（顺时针） border-top-left-radius: 10px; border-top-right-radius: 20px; border-bottom-
阅读全文
摘要：外边距合并 案例 案例分析 实现效果 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：HTML初识 「HTML」(Hyper Text Markup Language):超文本标记语言 「所谓超文本，有2层含义：」 因为它可以加入图片、声音、动画、多媒体等内容（超越文本限制 ）不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。 「HTML骨架格式
阅读全文
摘要：HTML语法规范 HTML基本结构标签 第一个html网页 HTML常用标签 在这里插入图片描述 图片标签和路径 超链接标签 HTML的注释标签和特殊字符
阅读全文
摘要：1.网页的基本组成 什么是网页 什么是HTML 网页的形成 「网页」主要是由文字、图像和超链接等元素构成，当然除了这些元素，网页中还可以包括音频、视频以及Flash等。 2.常用浏览器以及内核 常用浏览器 浏览器内核 「浏览器」是网页显示、运行的平台。 「浏览器内核」(排版引擎、解释引擎、渲染引擎)
阅读全文
摘要：盒模型 box:盒子，每个元素在页面中都会生产成一个矩形区域（盒子） 盒子类型 1.行盒，display等于inline的元素 2.块盒，dipplay等于block的元素 行盒在页面中不换行、块盒独占一行。浏览器默认样式表设置的块盒：容器元素、h1~h6、p常见的行盒：span 、a 、img、
阅读全文
摘要：传统的网页布局的三种方式 网页布局的本质–用css来摆放盒子，把盒子放到对应的位置。 CSS提供三种传统的布局方式（盒子如何进行排列顺序）： 普通流 浮动 定位 文章目录 传统的网页布局的三种方式标准流（普通流/文档流）浮动（float）1.为什么需要浮动2.什么是浮动3.浮动的特性4.浮动布局 浮
阅读全文
摘要：//对象拷贝 export function copyObj(o){ return JSON.parse(JSON.stringify(o)); } // 是否是数组 export function isArray(o) { return Object.prototype.toString.call
阅读全文
摘要：1.数组赋值案例（Array） 举例在某个业务中，给两个人同时记录一份消费单记录，要同步保存，在循环赋值的时候发现最后的结果，都是同一个值。数组赋值后，一直是之前的值。 //已知两个人一起消费，同时给他们记录消费记录 let totalRecordArr = []; let userArr = [{
阅读全文
摘要：form表单标签是所有标签最核心的标签之一，它是用来实现前后端交互的一个重要标签。 常用属性: name :表单名称action：表单数据提交的地方（通常是一个后台文件名 .jsp /.php/.asp/.py等，或地址）如果是#，表示提交到当前文件下method:前端提交到后端的方法，主要有 ge
阅读全文
摘要：1.什么是w3c 万维网联盟（World Wide Web） 简单的来说，就是一个国际性的中立组织，专门负责统一web相关的各项标准。 w3c标准由结构、表现 和行为三部分组成。 2.标签嵌套规则 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其他的内联元素。 <div>
阅读全文
摘要：块级元素 块级元素会独占一行，其宽度自动填满其父容器宽度，一般情况下，块级元素可以设置 width,height属性一般用来搭建网站架构、布局、承载内容… 它可以包含以下这些标签： address 、dir、 div 、dl 、 dt、 dd 、fieldset、 form、 h1-h6 、 hr、
阅读全文
浙公网安备 33010602011771号