白色卡片阴影效果
.shawdown{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); } 凑字数 凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字 ...
我已经说了5种css居中实现的方式了,面试官竟然说还不够?
这是一篇关于居中对齐方式的总结 开篇之前,先问一下大家都知道几种居中的实现方式? 面试时答出来两三个就不错了,就怕面试官还让你继续说。今天就来总结一下这些居中的方式 使用flex布局设置居中。 使用flex 时也能通过给子项设置margin: auto实现居中。 使用绝对定位的方式实现水平垂直居中。 ...
【html+css】总结七种垂直水平居中的办法
第一种:定位+calc(固定宽高) html部分: <div class="box1"> <div class="inner"></div> </div> css部分: .box1{ width: 200px; height: 200px; border: 1px solid black; posi ...
CSS样式快速入门
#CSS样式快速入门 ##前言 前端基础的博客主要分为HTML、CSS和JavaScript,本类博客主要用于记录博主的学习过程和分享学习经验,由于博主学识浅薄,经验不足,难免会出现错误,欢迎大家提出问题。 注:前端基础的文章参考于b站up主遇见狂神说的前端视频,文章中的源码笔记等资源放在百度网盘了 ...
Element 2 组件源码剖析之布局容器
本文将介绍用于布局的容器组件,使用 `Flexbox` 功能将其所控制区域设定为特定的布局,方便快速搭建页面的基本结构。 ...
WebRTC实现简单音视频通话功能
1 WebRTC音视频通话功能简介 本文介绍如何基于WebRTC快速实现一个简单的实时音视频通话。 在开始之前,您可以先了解一些实时音视频推拉流相关的基础概念: 流:一组按指定编码格式封装的音视频数据内容。一个流可以包含几个轨道,比如视频和音频轨道。 推流:把采集阶段封包好的音视频数据流推送到 ZE ...
PostCSS, PostCSS 中文文档
PostCSS 是一个允许使用 JS 插件转换样式的工具。这些插件可以检查(lint)你的 CSS,支持 CSS Variables 和 Mixins,编译尚未被浏览器广泛支持的先进的 CSS 语法,内联图片,以及其它很多优秀的功能。 ...
CSS的简单了解
一、什么是CSS CSS是一门语言,用于控制网页表现 样式定义如何显示 HTML 元素 样式通常存储在样式表中,外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一个 二、CSS导入方式 CSS导入HTML有三种方式: 内部样式:在标签内部使用style属性, ...
HTML的一些标签
HTML 一、认识HTML 什么是HTML? HTML 是用来描述网页的一种语言 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 H ...
在Webpack 5 中如何进行 CSS 常用配置?
本文摘要:主要通过实操讲解运用Webpack 5 CSS常用配置的方法步骤 前文已谈到可以通过配置 css-loader 和 style-loader,使 webpack5 具有处理 CSS 资源的能力。css-loader 首先会分析出各个 CSS文件之间的关系,把各个CSS文件合并为一大段 CS ...
CSS中最后一点了
什么时候精灵图呢? 通常在渲染页面的时候,需要服务器向我们发送数据,但有的时候一个页面需要多张图时,服务器就会处于连续发图的工作状态,但如果我们把需要的图都放在一张图上,这样可以大大的减少服务的工作负担,打个比喻。服务器发一张图是,工作流程是:找到图片——读取图片——发送图片,如果是发送5个图片时, ...
前端学习(2)
1.shift+alt+f 格式化代码(vscode) 2.css的复合选择器 后代选择器:选后代(不一定是儿子) 空格隔开 如ol li{样式声明} 更好地选择想要的标签 也可以用class表示 如 .nav.li.a 子选择器 >亲儿子 并集选择器 逗号 div,p{样式声明} 最后一个选择器 ...