![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
文章平均质量分 70
前端HTML+CSS基础知识
凌叁儿
好好学习,天天摸鱼
展开
-
CSS媒体查询的基本使用
需求:网页宽度小于等于768px则隐藏左侧区域。媒体类型用来区分设备类型。通常只需要写媒体类型。原创 2023-06-11 10:59:53 · 371 阅读 · 0 评论 -
CSS动画的基本代码与案例
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档。原创 2023-06-09 13:22:20 · 127 阅读 · 0 评论 -
CSS使用位移、缩放、旋转、渐变效果丰富网页元素
作用:为元素添加动态效果,一般与过渡配合使用概念:改变盒子在平面内的形态(位移、旋转、缩放、倾斜)平面转换也叫 2D 转换,属性是transform以上就是今天要讲的内容,本文仅仅简单介绍了CSS的平移旋转原理和渐变方法。原创 2023-06-08 14:02:12 · 594 阅读 · 0 评论 -
如何网页里使用字体图标及创建自己的图标库
登录 → 素材库 → 官方图标库 → 进入图标库 → 选图标,加入购物车 → 购物车,添加至项目,确定 → 下载至本地。上传步骤:上传 → 上传图标 → 选择 svg 矢量图,打开 → 提交 → 系统审核。作用:项目特有的图标上传到 iconfont 图标库,生成字体。原创 2023-06-06 00:35:51 · 226 阅读 · 0 评论 -
关于CSS精灵的图片使用方式
CSS精灵进行图片定位,缓解服务器压力原创 2023-06-05 22:05:07 · 43 阅读 · 0 评论 -
CSS使用绝对定位进行定位居中的个人理解
可以发现此时并没有居中,因为元素自身也有宽高属性,所有只需要反方向移动元素自身宽高的50%即可,有两种方式。绝对定位可以使元素在上级框架内绝对移动,通过设置。,使元素向右、向下移动上级框架宽高的一半。原创 2023-06-05 09:23:04 · 186 阅读 · 0 评论 -
CSS相对定位与绝对定位的个人理解
绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。2. 参照物:先找最近的已经定位的祖先元素;如果所有祖先元素都没有定位,参照浏览器可视区改位置。3. 显示模式特点改变:宽高生效(具备了行内块的特点)1. 改变位置的参照物是 自己原来的位置。是以该元素本来应出现的位置为起点进行定位。3. 标签显示模式特点 不变。原创 2023-06-04 17:34:21 · 102 阅读 · 0 评论 -
flex布局让同一行内元素既有左对齐又有右对齐的分布
FLEX布局让同一行元素左右分布原创 2023-06-04 17:25:05 · 1137 阅读 · 1 评论 -
CSS复合选择器与背景效果的用法
目标:掌握复合选择器作用和写法;使用background属性添加背景效果。原创 2023-06-04 17:22:04 · 116 阅读 · 0 评论 -
CSS布局的一些基础知识
本文目标:掌握 CSS 属性基本写法,能够使用文字相关属性美化文章页。原创 2023-06-04 17:20:36 · 120 阅读 · 0 评论 -
HTML的列表、表格、表单标签的使用
标签:dl 嵌套 dt 和 dd,dl 是定义列表,dt 是定义列表的标题,dd 是定义列表的描述 / 详情。< dl > < dt > 列表标题 </ dt > < dd > 列表描述 / 详情 </ dd > …… </ dl >< dl > < dt > 列表标题 </ dt > < dd > 列表描述 / 详情 </ dd > …… </ dl ></< dl > < dt > 列表标题 </ dt > < dd > 列表描述 / 详情 </ dd > …… </ dl >原创 2023-06-04 17:20:02 · 579 阅读 · 0 评论 -
HTML 的一些排版标签与多媒体标签
HTML的一些排版标签与多媒体标签的使用原创 2023-06-04 17:18:14 · 131 阅读 · 0 评论