大家好，今天小编关注到一个比较有意思的话题，就是关于css展示收起的问题，于是小编就整理了4个相关介绍css展示收起的解答，让我们一起看看吧。

1. 怎么实现CSS文字段落的展开和收起
2. 怎样使用CSS样式在树前面加一个展开/收起图标
3. 如何用HTML、CSS3和J*aScript做出下图的展开、收起的动画?
4. jq ul li 展示收缩的问题

1、怎么实现CSS文字段落的展开和收起

创建html文件。设置页面背景颜色。接下来开始创建段落一。引入图片设置图片大小并设置图片浮动至段落的左边。创建段落二。引入图片设置图片大小并设置图片浮动至段落的右边。预览效果如图。

Inline CSS：Inline是最常用的方***。ExternalSTYLE t*：使用 External 方***的结果是一样的。我们会在以后的课程里再详细解释这种方***。这里我们主要讨论Inline 方***。

css一般处理鼠标移动显示**，利用：hover很方便就能实现。点击**的话，一般跟JS配合。显示隐***，一般都是利用display这个CSS来控制，因为它隐***的时候不占位置。

css text-indent文本缩进样式属性单词，text-indent的值跟数字+单位组成缩进样式。通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。如果使用html br换行标签，第二个换行开始也不会出现缩进效果。

2、怎样使用CSS样式在树前面加一个展开/收起图标

首先，需要获取到树的父节点元素，可以通过 DOM 操作或者使用相关的 J*aScript 框架来获取。 然后，给父节点元素绑定一个双击**的***，可以使用 addEventListener（） 方***或者相关框架提供的**绑定方***。

前几天用非常规方***实现了一个山寨版树形菜单。。如下。。

与HTML的结合CSS与HTML的结合有三种方式：外部样式、内部样式和内联样式。①外部样式当需要对很多页面应用样式时，外部样式表将是一个理想的选择。在使用外部样式表的情况下，您可以通过更改一个文件来更改整个站点的外观。

先设置一个及其简陋的页面，***码如下：此时页面展示如下，可见还未有小图标：在第一步的展示***码上，通过 添加图标（相对路径为例）。

3、如何用HTML、CSS3和J*aScript做出下图的展开、收起的动画?

***可以从Github上下载***码，然后***只需要添加CSS文件到HTML页面，然后在HTML元素中引用***需要的动画的CSS类即可。

使用CSS3动画：通过CSS3中的transition、animation属性，可以实现网页中的动画效果。 使用J*aScript：使用J*aScript可以创建和调用动画，可以通过requestAnimationFrame（）方***，来按指定的时间间隔更新动画，从而实现动画效果。

用***： tran*orm-origin： （x， y） ，其中 x 和 y 的值可以是百分比、rem 或者是 px 等等，也可以用表示位置的单词来表示例如：x 可以用 left 、 center 、 right ；y 可以用 top 、 center 、 bottom 。

使用CSS3动画属性：CSS3提供了一些动画属性，如transition、animation和tran*orm，可以用来制作简单的引导层动画。例如，可以使用@keyframes规则定义一个动画序列，然后将其应用到元素上。

使用HTML5CanvasHTML5Canvas是一种可用于向网页上绘制2D和3D图形的技术，可以用于绘制游戏场景及角色动画，创建精美的游戏画面，为游戏增添视觉上的效果。

4、jq ul li 展示收缩的问题

点击展开或隐***菜单，最好在菜单前加一个图标按钮，美观又方便。

//缩起全部 （；.tree ul li；）.hide（）；//展示第一个 （；.tree ul li： first；）.show（）；大概就是这样 下次问问题建议贴***码（html.css.js），不要放图片，没***调试。。

首先***这里需要获取***ul显示的宽度，***的所有li都是浮动起来的，每次点击的时候x轴移动宽度的距离，就可以啦。

ul li 表示取ul下的所有 标签是li的子节点，ul li 表示取ul下的所有li节点。操作方***如下：新建一个html文件，命名为test.html。

到此，以上就是小编对于css展示收起的问题就介绍到这了，希望介绍关于css展示收起的4点解答对大家有用。