前端 - 随笔分类(第2页) - cookie的笔记簿

为什么要清除浮动+如何清除浮动

摘要：为什么要清除浮动浮动是什么在这里不做讲解。父元素里面包含两个浮动的子元素，下面设置了一个footer。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-02-06 09:26 cookie的笔记簿阅读(69) 评论(0) 推荐(0)

盒子模型：外边距合并+嵌套块级元素垂直外边距塌陷

摘要：问题一：外边距合并 <title>外边距合并-相邻块级元素垂直外边距合并</title> <style> .damao, .ermao { width: 200px; height: 200px; background-color: pink; } .damao { margin-bottom: 1 阅读全文

posted @ 2022-02-06 09:14 cookie的笔记簿阅读(98) 评论(0) 推荐(0)

web元素居中设置

摘要：水平居中 a.文字 text-align b.块级元素：首先块级元素需要设定了width margin: 0 auto; 垂直居中 line-height与height相等阅读全文

posted @ 2022-02-04 16:53 cookie的笔记簿阅读(149) 评论(0) 推荐(0)

sublime使用tips

摘要：https://www.w3cschool.cn/sublimetext/sublimetext-end22m8b.html Package Control 插件管理器 1)在 Sublime 中打开 View –> Show Console，将以下代码复制到输入框中后按回车键 import url 阅读全文

posted @ 2022-01-24 13:11 cookie的笔记簿阅读(42) 评论(0) 推荐(0)

嵌套块元素外边距合并导致的塌陷问题

摘要：https://blog.csdn.net/m0_62092622/article/details/122378236 阅读全文

posted @ 2022-01-23 18:01 cookie的笔记簿阅读(29) 评论(0) 推荐(0)

pink老师课程-五彩导航栏+css权重叠加

摘要：对应b站课程——五彩导航栏，顺便扒了一下必应的icon <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> 阅读全文

posted @ 2022-01-23 14:23 cookie的笔记簿阅读(156) 评论(0) 推荐(0)

前端学习

摘要：pink老师前端课程——注册页面注册页面美化——代码功能解析阅读全文

posted @ 2022-01-23 10:10 cookie的笔记簿阅读(21) 评论(0) 推荐(0)

pink老师前端课程——注册页面

摘要：pink老师前端课程——注册页面大框架如下，设置了一个容器container后，左边放置的是一张图片，右边是表格，表格中包含一个form。使用的html内容包括。表格列表表单 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta 阅读全文

posted @ 2022-01-19 15:25 cookie的笔记簿阅读(253) 评论(0) 推荐(0)

魔方

摘要：旋转魔方老师授课的时候是将代码都写在html中，为了今后更好地熟练掌握html与css以及js文件之间的联系，我将代码分开编写了。 html文档中： <link rel="stylesheet" type="text/css" href="css/***.css"> <script type="t 阅读全文

posted @ 2022-01-14 14:50 cookie的笔记簿阅读(69) 评论(1) 推荐(0)

随笔分类 - 前端