云落287-CSDN博客

原创 CSS：盒模型——浮动

当子元素设置浮动后脱离文档流，父元素无法感知子元素的高度，导致自身高度计算为0。父元素塌陷后，其下方的非浮动元素会向上移动，与浮动子元素产生覆盖或重叠现象，破坏原本的布局结构。若子元素高度动态增加(如用户输入、异步加载数据等)，父元素的固定高度无法自动扩展，会出现内容溢出或遮挡现象。浮动后，将脱离其原本位置，文档流后面的元素会自动递补其位置。：第一个设置左浮动的盒子浮至浮层，其它设置左浮动的盒子紧跟其后。：第一个设置右浮动的盒子浮至浮层，其它设置右浮动的盒子紧跟其后。2.响应式适配能力缺失。

2025-06-02 22:11:36 1455

原创 CSS：相对定位、绝对定位

例如，top：50px就相当于本体在新体的上面50px，left：50px就相当于本体在新体的左边50px（因为数值可以是负数，所以两个方位就可以进行定位）可以发现，比起相对定位，绝对定位的数值比较大，因为绝对定位是本体进行了漂浮，所以定位是相当于全局的，同时因为是本体进行漂浮，后来的可以直接顶替它原本的位置。如上所见，定位也可以说是漂浮起来之后会盖住下方的内容，但倘若都进行了漂浮，就遵循后来追上原则，同时定位也是可以超出画面的。相对定位（relative）绝对定位（absolute）

2025-05-18 20:58:27 790

原创 CSS:伪类、伪元素

通常用于对链接的不同状态以添加样式效果，他可以帮助我们根据链接的状态（访问前，访问后，鼠标悬停在链接上，链接被点击时但鼠标未松开）定义不同的样式四种选择器——（链接访问前的样式），（链接访问后的样式），（鼠标悬停在链接上的样式），（链接被激活时（鼠标左键按下但还未抬起）的样式）。这四个通常一起使用，以创建具有丰富交互效果的链接和按钮由于浏览器会将存储访问记录所以通常显示的都是访问后的状态访问前的样式需要删除访问记录后正常显示。

2025-05-12 21:59:35 267

原创 CSS：各种样式

颜色：，修改color后面的属性，可以改变文本的颜色大小：改变文本字号字体：样例使用为宋体（使用中文字体是记得手动加引号）倾斜：使文本倾斜加粗：使文本加粗位置：改变文本位置，示例为居中修饰线：添加修饰线，示例为下划线边框：添加边框，2px为边框的线条粗细，red为边框线条颜色，solid为边框样式英文大小写：通过改变属性使英文首字母大小写或整个单词大小写。

2025-04-28 22:12:55 218

原创 CSS：选择器

分相邻（+）和通用（~）两种。相邻兄弟选择器选紧接在另一元素后的同父元素元素；通用兄弟选择器选指定元素后同属一个父元素的所有兄弟元素，用于精准设置网页元素样式。用空格分隔元素选择器，用于选取指定元素的所有后代元素，无论嵌套多深，可精准定位元素并应用样式。是 CSS 选择器，用“>”表示，仅选择指定元素的直接子元素，可精确控制样式应用范围。用“+”表示，用于选取与指定元素相邻且有相同父元素的下一个元素。

2025-04-23 22:48:45 191

原创 CSS：优先级

这就是优先级，而在这四者之间优先级的先后是：行内样式〉id选择器的样式〉类选择器的样式〉标签选择器的样式，所以最终呈现的是style定义。在上面h1标签中添加了style，class，id，可运行的结果，却只显示style定义。不必多说，当id选择器也没有的时候，就呈现类选择器的样式，最后才会轮到标签选择器的样式。如图显示，在两个标签选择器中，位于后面的定义得到了使用，这就是后来居上原则。如上，当没有style定义时，就呈现了id选择器的样式。上面，讲述了在标签内设置，在style内引入，共两种。

2025-04-15 23:44:54 306

原创 HTML：学校网站练习

footer> 元素用来定义 section或document的页脚,通常该标签包含网站的版权、创作者的姓名、文档的创作日期及联系信息。<nav>元素用于定义导航链接,是HTML5新增的元素，该元素可以将具有导航性质的链接归纳在一个区域中,使页面元素的语义更加明确。<header>元素是HTML5中的一种具有引导和导航作用的结构元素，该元素可以包含所有通常放在页面头部的内容。文本无需多言、表格链接只需将链接插入表格内容之中、联系方式需要用到表单之中的text（文本）与submit（提交）

2025-04-05 15:27:08 296

原创 HTML：表单

将type属性设置为radio，可以对选项进行单选，当然，进行单项选择的选项要使他们的name属性一致，而value属性则是在用户选择后返回的值。将type属性设置为checkbox，复选框，顾名思义可以进行任意项需要的的选择。表单用于收集用户信息，具有交互功能，用户可以在表单上输入文本，多选，单选等功能。将type属性设置为submit，当用户点击该按钮时，可以将输入的信息提交。如其名，将type属性设置为reset属性后，出现的按钮可以让用户重新编辑。属性定义了提交数据的 HTTP 方法。

2025-03-30 16:00:46 163