香香鲲 - 博客园

2022年7月17日

摘要：块级标——head,h1-h6,div（块级）+span(无修饰),span(行内元素),-双标签 p-paragraph段落标签、段落标签-有段前与段后,i,b,s,u,em,strong,del,ins,br（换行标签-break-单标签-不是块级）,hr（水平线-单标签）,（倾斜，加粗，删除线阅读全文

posted @ 2022-07-17 09:40 香香鲲阅读(256) 评论(0) 推荐(0)

CSS：标签

摘要： 1、标题标签<h> 2、段落标签<p> 只能嵌套内联元素（行内元素：span、i 、 s 、u 、em、 strong 、ins 、del）不能嵌套块元素（可以设置宽高，引起换行的标签）和自己自动换行，无其他样式 3、首行缩进 %nbsp 空格 4、水平线标签 <hr> 单标签：meta、br 5 阅读全文

posted @ 2022-07-17 09:17 香香鲲阅读(77) 评论(0) 推荐(0)

CSS：入门了解

摘要：使用软件：vscode VScode的使用快捷键及基础常识： ctrl+f:搜索拆分:向右拆分(分屏) 了解笔试题:面试题:口述题注释: ctrl+? f5:刷新页面快捷键: ! +enterhtml: 5! +tab html: 5! +tab en:英语 fr法语 zh:中文 zh-CN: 阅读全文

posted @ 2022-07-17 09:14 香香鲲阅读(31) 评论(0) 推荐(0)

2022年7月16日

CSS：实现垂直水平居中的方法

摘要： 1、水平居中 text-align ：center; 适用于行内元素 margin：0 auto; 适用于块级元素 dispaly：flex; justify-content:center; 适用于行内元素和块级元素 margin-left:50%;transform:translateX(-50% 阅读全文

posted @ 2022-07-16 21:24 香香鲲阅读(176) 评论(0) 推荐(0)

DOM：透明模态弹窗

摘要：简单实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte 阅读全文

posted @ 2022-07-16 17:43 香香鲲阅读(73) 评论(0) 推荐(0)

DOM：JSON数据导入并在网页显示

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-07-16 16:03 香香鲲阅读(175) 评论(0) 推荐(0)

DOM：元素的增删改查发、克隆

摘要：对文档树中的节点们可以用js进行增删改查：增： 1、创建元素:这个元素是不会渲染到页面上的,它不在DOM中传入字符串（标签的名字） var box=document.createElement("div") 2、添加到文档树中,x.appendChild(y) 把y节点对象添加到x节点中 bo 阅读全文

posted @ 2022-07-16 10:56 香香鲲阅读(171) 评论(0) 推荐(0)

DOM：信息录入系统

摘要：实现简单的信息录入系统：方案一：简单实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= 阅读全文

posted @ 2022-07-16 09:35 香香鲲阅读(239) 评论(0) 推荐(0)

2022年7月14日

DOM：手机底部导航切换效果

摘要：总结了两种方法：方法一： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> </head> <body> <style> 阅读全文

posted @ 2022-07-14 23:25 香香鲲阅读(58) 评论(0) 推荐(1)

DOM：表单登陆验证

摘要： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> </head> <body> <style> #p1, #p2 { vis 阅读全文

posted @ 2022-07-14 21:19 香香鲲阅读(44) 评论(0) 推荐(0)