![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 84
程序代码
哈密瓜Q
Hami
展开
-
粘性定位解析
粘性定位可认为是相对定位和固定定位的结合,元素在跨越特定阈值前表现为相对定位,之后表现为固定定位。粘性定位的元素依赖于用户的滚动,在 relative 与 fixed 定位之间切换。四个阈值其中之一,才可使粘性定位生效,否则其行为与相对定位相同。该样例使黄色的块元素在距离顶部。该样例使黄色的块元素在距离顶部。原创 2023-02-27 22:02:07 · 561 阅读 · 0 评论 -
CSS基础--Flex弹性布局
Flex弹性布局1. 弹性布局概念2. 弹性布局的使用2.1 开启弹性布局2.2 弹性布局的排列方式2.3 弹性布局的换行方式1. 弹性布局概念弹性布局:Flexible Box 模型,通常被称为 flexbox(弹性盒子),主要用来为盒模型提供最大的灵活性,以便我们更好的实现多种响应式的页面布局,任何一个容器都可以指定为 flexbox(弹性盒子)主轴:在弹性布局中,我们会通过属性规定水平/垂直方向为主轴,默认水平方向为主轴。交叉轴:与主轴垂直的另一方向,称为交叉轴。2. 弹性布局的原创 2021-02-26 15:37:14 · 1034 阅读 · 0 评论 -
CSS基础--CSS常用样式
CSS常用样式1. 浮动属性1.1 基本概念1.2 浮动导致的问题及解决方法1. 浮动属性1.1 基本概念float:定义元素在哪个方向浮动(左右排列),浮动元素也脱离文档流,但是与绝对定位相反,会保持原有的流动性,浮动会把元素都变成块布局模式。left:元素从左向右浮动right:元素从右向左浮动none:默认值,不设置浮动元素设置浮动之后,设置浮动的元素都会有块元素的特性,可以设置宽高元素设置浮动之后会尽可能的占据最小的空间1.2 浮动导致的问题及解决方法设置浮动前:原创 2021-02-09 19:13:11 · 178 阅读 · 0 评论 -
CSS基础
CSS基础1. CSS的基础概念2. CSS的选择器2.1 元素选择器2.2 元素选择器优先级顺序1. CSS的基础概念CSS 指层叠样式表 (Cascading Style Sheets),是一种用来渲染HTML文件样式的计算机语言。层叠:CSS样式有优先级规则,当作用于相同元素的Css规则产生冲突时以优先级高的为准。样式表:即修饰渲染静态页面的样式库,用于描述HTML外观。CSS在HTML文件中的三种导入方式:1. 在标签元素内部的style属性直接定义CSS样式2. 在 <原创 2021-02-08 15:22:33 · 1551 阅读 · 0 评论 -
HTML基础--HTML标签元素
HTML标签元素2. 块级元素(块标签)2.1 特性2.2 空块标签2. 块级元素(块标签)2.1 特性1. 设置样式时可以给块级元素设置宽高2. 块级元素默认充满一整行3. 块级元素排列方式为从上往下排列4. 如果一个块级元素没有设置宽度,那么其宽度等于其父元素的宽度2.2 空块标签空的块标签: <div></div>...原创 2021-02-06 20:20:18 · 403 阅读 · 0 评论 -
HTML基础--VSCode的下载与安装
1. 浏览器搜VSCode进入官网或点击VSCode官网进入官网,根据自身操作系统选择下载对应的安装包(Stable为稳定版本,下载Stable版本)。2. 下载完整之后打开安装包,接受协议,点击下一步。3. 勾选“添加到PATH”,其余选项根据自己需求进行勾选,点击下一步。4. 点击安装5. 安装完成6. 将VSCode进行汉化,点击左侧导航栏的应用商店。7. 在搜索框中搜索Chinese,点击安装中文插件,安装完成之后重启VSCode便是中文版本。8. 根据需求,推荐在应用原创 2021-02-04 14:09:46 · 352 阅读 · 0 评论 -
程序员送给女朋友的3D旋转相册附背景音乐
送给女朋友的3D旋转相册附背景音乐详细教程及源码如下,简单易上手,亲测有效。教程如下:文件建立文件建立首先在桌面新建一个名为“3D旋转”的文件夹,在其他目录下新建也可,桌面更快捷。然后在文件中分别在新建两个文件(css、image)和一个文本文档(spin.txt)。...原创 2020-12-20 14:41:36 · 7854 阅读 · 77 评论