![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
记录学习前端的博客
「已注销」
这个作者很懒,什么都没留下…
展开
-
学习博客:【CSS】父级边框塌陷问题
当文字、图片设置为浮动时,会导致父级边框塌陷(没有内容撑起来父级边框)如下图红框所示 解决办法: 1.增加空的div标签 清除浮动 (尽量避免空div) <div class="clear"></div> 2.增加父级元素高度 (元素没有固定高度,会被限制) #father{ border: 1px #000 solid; height: 1000px; } 3.在父级元素中添加overflow: hidden;原创 2022-03-29 20:58:13 · 429 阅读 · 0 评论 -
学习博客:【CSS】选择器(基本选择器、高级选择器)
作用:选择页面上某一种或者某一类元素 1. 基本选择器 1.1 标签选择器 选择一类标签 语法: 标签{ } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择器 会选择到页面上所有的这个标签的元素*/ h1{原创 2022-03-29 20:34:53 · 532 阅读 · 0 评论 -
学习博客:【CSS】三种css导入方式
优先级:就近原则 行内式 <!--行内样式--> <h1 style="color: indianred">我是标题</h1> 内部式 <!--内部样式--> <style> h1{ color: aqua; } </style> 外部式 <!--外部样式--> <link rel="stylesheet" href="原创 2022-03-29 20:18:53 · 235 阅读 · 0 评论 -
学习博客:【HTML】内联框架iframe
内联框架 将其他网页内联在自己的网页中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内联框架iframe</title> </head> <body> <!--iframe 内联框架--> <iframe src="https://shop.lenovo.com.cn/" name原创 2022-03-29 20:04:22 · 553 阅读 · 0 评论 -
学习博客:【HTML】表单
表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action 可以是网站 也可以是请求处理地址 method get会暴露url中的信息不安全但高效 post不原创 2022-03-29 20:06:37 · 267 阅读 · 0 评论 -
学习博客:【HTML】媒体元素及页面结构
媒体元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>媒体元素学习</title> </head> <body> <!--音频--> <!--<audio src="../resources/audio/王靖雯 - 善变.mp3" controls="controls" aut原创 2022-03-29 20:00:12 · 272 阅读 · 0 评论 -
学习博客:【HTML】列表、表格
列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表学习</title> </head> <body> <!--有序列表 试卷 问答 --> <ol> <li>Java</li> <li>Python</li>原创 2022-03-29 19:54:38 · 201 阅读 · 0 评论 -
学习博客:【HTML】基本标签、图像标签及链接标签
基本标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本标签学习</title> </head> <body> <!--标题标签--> <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3>原创 2022-03-29 19:52:49 · 219 阅读 · 0 评论 -
学习博客:【HTML】初步了解
HTML(Hyper Text Markup Language):超文本标记语言,超文本包括文字、图片、音频、视频、动画等 W3C标准: 结构化标准语言(HTML、XML 表现标准语言(CSS 行为标准(DOM、ECMAScript) W3C:World Wide Web Consortium(万维网联盟),成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构 http://w3.org/ http://www.chinaw3c.org/ 基本信息 <!-- DOCTYPE原创 2022-03-29 19:48:46 · 415 阅读 · 0 评论