随笔分类 -  前端

结构伪类选择器
摘要：结构伪类选择器 什么是结构伪类选择器？ 什么是伪类选择器？ CSS中已经定义好的选择器,不能随便取名 什么是结构伪类选择器？ 针对HTML层级结构的的伪类选择器 应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 阅读全文
posted @ 2022-04-14 21:52 Oh,mydream! 阅读(79) 评论(0) 推荐(0)
层次选择器
摘要：层次选择器 1、后代选择器：在某个元素的后面的 /*后代选择器*/ body p { background: red; } 2、子选择器 /*子选择器*/ body > p { background: black; } 3、相邻兄弟选择器 /*相邻兄弟选择器，相邻向下选择，仅选择一个*/ .acti 阅读全文
posted @ 2022-04-07 22:02 Oh,mydream! 阅读(39) 评论(0) 推荐(0)
三种基本选择器
摘要：三种基本选择器 标签选择器 同类型标签设置：例如设置h1标签，则所有的h1标签都会被设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标签选择器学习</title> <style> h1 { color: 阅读全文
posted @ 2022-03-29 20:13 Oh,mydream! 阅读(52) 评论(0) 推荐(0)
css简介
摘要：css简介 背景 什么是CSS? CSS(Cascading Style Sheets) 层叠样式表的简称。CSS语言是一种标记语言，他不需要编译，可以直接由浏览器执行（属于浏览器解释型语言）。在标准网页设计中CSS负责网页内容的表现。 样式定义如何显示HTML元素 样式通常存储在样式表中 将样式添 阅读全文
posted @ 2022-03-29 17:08 Oh,mydream! 阅读(217) 评论(0) 推荐(0)
表单的应用及初级验证
摘要：表单的应用及初级验证 表单的应用 隐藏 hidden 只读 readonly 禁用 disabled 表单的初级验证 用户提示placeholder 非空判断required pattern，可参考常用的正则表达式_正则表达式大全_脚本之家 阅读全文
posted @ 2022-03-28 19:48 Oh,mydream! 阅读(31) 评论(0) 推荐(0)
搜索模块和简单验证
摘要：搜索模块和简单验证 比较简单，直接上代码自己体会 简单说明： 真正做项目的时候验证都会在js里面做 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>搜索框模块和简单验证</title> </head> <bo 阅读全文
posted @ 2022-03-28 17:25 Oh,mydream! 阅读(43) 评论(0) 推荐(0)
表单提交
摘要：表单提交 什么是表单？ 个人理解表单就是需要用户操作然后将数据提交操作的模块，重点是 form标签的使用 表单元素格式 属性 说明 type 指定的元素的类型。text、password、checkbox(复选框)、radio(单选框)、submit、reset、file、hide、image和bu 阅读全文
posted @ 2022-03-26 17:17 Oh,mydream! 阅读(745) 评论(0) 推荐(0)
页面结构分析
摘要：页面结构分析 元素名 描述 header 标题头部区域的内容（用于页面或页面中的一块区域） footer 标记脚部区域的内容（用于页面或页面中的一块区域） section web页面中一块独立区域 article 独立的文章内容 aside 相关内容或应用（常用于侧边栏） nav 导航类辅助内容 示 阅读全文
posted @ 2022-03-26 16:47 Oh,mydream! 阅读(52) 评论(0) 推荐(0)
iframe内联框架
摘要：iframe内联框架 内联：在一个网页中可以嵌入另一个网页，iframe标签可以实现这个功能 内联标签页可以作为超链接的target传入，控制内联的链接页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>T 阅读全文
posted @ 2022-03-26 16:47 Oh,mydream! 阅读(40) 评论(0) 推荐(0)
视频标签
摘要：视频标签 记住video和controls即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>视频标签</title> </head> <body> <!--controls 开启控制条 autoplay自 阅读全文
posted @ 2022-03-26 15:36 Oh,mydream! 阅读(57) 评论(0) 推荐(0)
表格标签
摘要：表格标签 推荐狂神的视频课程 https://www.bilibili.com/video/BV1x4411V75C?p=9 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格练习</title> </he 阅读全文
posted @ 2022-03-26 15:23 Oh,mydream! 阅读(19) 评论(0) 推荐(0)
列表标签
摘要：列表标签 三类列表 有序列表 无序列表 自定义列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表学习</title> </head> <body> <!--有序列表ol:ordered list, l 阅读全文
posted @ 2022-03-26 14:58 Oh,mydream! 阅读(31) 评论(0) 推荐(0)
超链接标签学习
摘要：超链接标签学习 示例很丑，但核心知识点都在 将图片换成自己本地的 a标签用法注意 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hyperlinks Study</title> </head> <body> 阅读全文
posted @ 2022-03-26 11:34 Oh,mydream! 阅读(35) 评论(0) 推荐(0)
HTML简介
摘要：HTML简介 背景 什么是HTML？ HTML（Hyper Text Markup Language）超文本标记语言，是一种用于创建网页的标准标记语言。 所谓标记语言，是指用一系列约定好的标记来对电子文档进行标记，来实现对电子文档的语义、结构、格式的定义。标记语言不仅仅是一种语言们就像许多语言一样， 阅读全文
posted @ 2022-03-25 14:50 Oh,mydream! 阅读(81) 评论(0) 推荐(0)