--- theme: jzman --- ```css /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structu

也许你正在面临修改iframe内部元素的样式的问题，那么本文将快速给你分析一下是否具备修改的条件，以及可行的方法。

前提：vue工程里显示编辑器编辑后的内容，并保持编辑时相同的样式不受公共样式的影响，所以选择在vue组件里嵌套iframe来实现父传子vue组件（父页面）注意：在iframe的load事件中向子页面传

通常的清除默认样式：设置默认字体select标签重置表格元素重置hr清除<ol><ul>的默认样式button按钮<a>标签<input>标签

CSS 提供了三种出色的方法可以实现基本的形状。本文就来看看如何使用这些方法来实现一个三角形。三种方法如下： border； linear-gradient； clip-path。 1. border

网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex …

在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素，有可能不能完全显示，为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号 对于文本的溢出，我们可以分成两种形式：

看这篇博文总结，详细点这里 本文只作为阅读这篇博文的阅读笔记 方法一 多行文本截断，超出部分省略号 提到限制行数，超出部分省略号显示，我们常用的就是display: -webkit-box 这里就是

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收