CSS文档流特点
顺序流布局:元素按照 HTML 中的顺序从上到下排列。块级元素(block-level elements)独占一行,内联元素(inline elements)则并排排列。 块级元素:块级元素(如 <div>, <p>, <section> 等)默认会填充父容器的宽度,并且前后带有换行符。 内联元素:内联元素(如 <span>, <a>, <img> 等)不会独占一行,它们会与其他内联元素并排显示,直到填满行宽。 格式化上下文:文档流中的元素会生成块级格式化上下文(BFC)或内联格式化上下文(IFC),这决定了元素如何相对于彼此进行布局。 包含块:每个元素都有一个包含块(containing block),这是用于计算元素尺寸和定位的参考区域。对于块级元素,通常是其父元素的内容区域;对于内联元素,可能是行框(line...
常见的CSS页面布局
懒得整理了,直接贴链接~~~ 参考文章:https://www.ruanyifeng.com/blog/2020/08/five-css-layouts-in-one-line.htmlhttps://blog.csdn.net/itcast_cn/article/details/130812702示例:https://1linelayouts.glitch.me/ 使用 CSS 制作的流行布局和模式的集合。现在它有 100+ 种模式,并且还在继续增长:https://github.com/phuocng/csslayout
css布局-1
参考文章:https://blog.csdn.net/qq_38473254/article/details/124774497https://blog.csdn.net/weixin_48051526/article/details/140731821https://blog.csdn.net/qq_69183322/article/details/136102095https://zhuanlan.zhihu.com/p/29070363https://zhuanlan.zhihu.com/p/161822219 position定位布局 属性值 作用 absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed 生成固定定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom”...
less和sass基础使用和语法
变量变量在LESS和SASS中都以@符号定义,可以在全局范围内使用,也可以在局部范围内定义和使用。 LESS示例: 1234567@primary-color: #3498db;@padding: 15px;.article { background-color: @primary-color; padding: @padding;} SASS示例: 1234567$primary-color: #3498db;$padding: 15px;.article { background-color: $primary-color; padding: $padding;} 使用变量可以轻松地统一修改样式,提高代码的可维护性。 混合(Mixins)混合允许你定义可复用的CSS代码块,然后在多个地方调用这些代码块。 LESS示例: 123456789.border-radius(@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius:...
思想的苇草
...
关于IP地址我个人的理解
作为连IP地址都没弄懂的一个网络小白,有时候开发以及建站会接触到IP、DNS等等概念,所以说有必要去查询一下相关知识内容,羞耻地说其实我是有一个计算机网络技术三级证书,但是这个啥用没有死记硬背就行了,许多知识点不能联系实际都是空话(最近被408计网搞得头大)。如果你是一个windows电脑,而且如果接入了wifi或者网线,可以在终端上输入ipconfig,可以看到这样一栏 其实后面这一串数字就是你电脑的IP地址,可是这又代表什么呢,下面我就以我个人的理解通俗地解释一下。 IP版本类型 IPv4(Internet Protocol version 4):这是最广泛使用的IP地址版本,由32位二进制数组成,通常表示为四组十进制数字(例如 192.168.0.1),我们平时都是这种类型的IP地址,后面也是以这种IP地址来讲解。 IPv6(Internet Protocol version 6):为了解决IPv4地址耗尽的问题,推出了IPv6。它由128位二进制数组成,通常表示为八组四位十六进制数字(例如...
单页应用(SPA)与多页应用(MPA)
单页应用(SPA,Single Page Application)和多页应用(MPA,Multi-Page...
Namesilo注册域名并使用Cloudflare进行解析
1. 在 Namesilo 注册域名 为什么选择 namesilon ,而不选择国内阿里云之类的注册呢,因为便宜啊,后面续费都是按照第一年的价格,不像国内的厂商第一年很便宜,后面续费逐级递增 访问 Namesilo官网。 在首页的搜索框中输入您想要的域名,并点击“SEARCH DOMIAN”。可以看到有许多后缀供你选择,直接选最便宜的就好了 选好后,点击“Checkout”。 完成付款流程,支持支付宝付费。 域名注册成功后,您可以在 Namesilo 的管理控制面板中看到你·的域名。 2. 将域名指向 Cloudflare 域名和互联网上的服务器是通过IP地址进行连接的。域名解析是将易于记忆的域名(如 www.xxxx.com)转换成服务器IP地址(如 192.0.2.1)的过程。 Namesilo 进入域名管理页面。 找到你刚注册的域名,点击上方的”Change Nameservers”。 进入后可以看到 namesilo 自动给你分配了三个名称服务器,因为我们要托管到 Cloudflare,所以我们要删掉默认名称服务器,更改为 Cloudflare...