51工具盒子

2024-11-07 厉飞雨 阅读(210) 评论(0) 赞(16)

<h2>表格标题位置</h2> <p><strong>语法</strong> ：<code>caption-side:取值;</code></p> <p>默认情况下，表格标题是在表格的顶部，属性为：top，如果想把标题放在底部，属性为：bottom。</p> ...

2024-11-07 厉飞雨 阅读(207) 评论(0) 赞(15)

权重比较 ---- 1、对于相同的选择器（比如同样都是类选择器），其样式表排序：行级样式 \> 内嵌样式表 \> 外部样式表（就近原则） 2、对于相同类型的样式表（比如同样都是内部样式表），其选择器排序：ID选择器 \> 类选择器 \> 标签选择器 3、外部样式表的ID选择器 \> 内嵌样式表的标签选择器 计算权重 ---- ![](...

2024-11-07 厉飞雨 阅读(230) 评论(0) 赞(29)

<h2>HTML页面结构</h2> <p>| 标签 | 描述 | |---------------|----------| | <code>&lt;!DOCTYPE&gt;</code> | 定义文档类型 | | <code>&lt;html&a...

2024-11-07 厉飞雨 阅读(124) 评论(0) 赞(15)

<ol> <li>浮动元素会脱离标准流（简称：脱标），在标准流中不占位置。<br /> ※ 相当于从地面飘到了空中，如果一个元素按照正常的标准流来显示，会在html中所属的位置上占位，后面的元素会紧跟着它，但是浮动脱离了标准流，以后我们在看到浮动的元素之后，不能以正常的标准流里进行判断。</li> <li>浮动元素比标...

2024-11-07 厉飞雨 阅读(219) 评论(0) 赞(16)

<h2>1.直接设置父元素的高度</h2> <p><strong>优点：</strong> 简单粗暴、方便。</p> <p><strong>缺点：</strong> 有些布局中不能固定父元素高度。如：新闻列表、京东推荐模块等。</p> <h2>2....

2024-11-07 厉飞雨 阅读(112) 评论(0) 赞(23)

静态定位： ----- 静态定位是默认值，就是之前认识的标准流。 代码：postion:static 静态定位不能通过方向偏移值来改变。 相对定位： ----- 自恋型定位，相对于自己之前的位置进行移动。 代码：postion:relative 1. 需要配合访问属性来移动 2. 相对于自己原来的位置进行移动 3. 在页面中占位置→没有脱标 **应用场景*...

2024-11-07 厉飞雨 阅读(258) 评论(0) 赞(15)

<p><strong>场景：</strong> 让盒子四个角变得圆润，增加页面细节，提升用户体验。</p> <p><strong>属性名：</strong> border-radius</p> <p><strong>常见取值：</strong> 数...

2024-11-07 厉飞雨 阅读(228) 评论(0) 赞(16)

使用 `background-image`属性实现渐变背景效果 渐变是多个颜色逐渐变化的视觉效果，一般用于设置盒子的背景色。 **俩种颜色间渐变语法：** ```lang-css background-image: linear-gradient( 颜色1, 颜色2 ); ``` **从透明到半透明语法：** ```lang-css backgrou...

2024-11-07 厉飞雨 阅读(241) 评论(0) 赞(15)

<p>利用空间转换属性使用立体呈现技巧实现3D导航效果</p> <p><img src="http://static.51tbox.com/static/2024-11-07/col/30eadd7fe5c90cf7491e74dbe3c57111/22339d84d1914307a7601a5fe07a2b6e.png.jp...

2024-11-07 厉飞雨 阅读(185) 评论(0) 赞(14)

最近逛了好多站长的小家，发现大家基本都有自己的个人云盘，而且无广告，页面简介，让人一见心喜，这两天刚好抽空自己也搭建了一个云盘，用的是Cloudreve的程序，页面简洁美观，功能强大嘿嘿。 **演示地址：** [http://cloud.yuezeyi.cn/](https://51tbox.com/) Cloudreve的功能特性： --------------- * ...