2024年前端CSS面试题

Web前端开发面试总结包含了 JavaScript、CSS、ES6、Vue2、vue3、React、Node.JS、小程序、HTTP、Typescript、Webpack、Git、Linux、算法与数据结构、设计模式等 15 个专题技术点,这篇文章主要列举了常见的前端CSS面试题。

2023-10-29 129 0 2024 前端 CSS面试题

css -webkit-line-clamp有什么用?

-webkit-line-clamp 是一个WebKit引擎私有的CSS属性,它可以控制一个元素的文本内容显示的行数,并在超出指定行数后显示省略号(...)。这个属性通常用于在容器中限制文本的显示行数,特别是在一些需要显示摘要或简介的地方,比如新闻列表、博客摘要等。

2023-10-22 1098 0 css -webkit-line-clamp -webkit-line-clamp用法 line-clamp

css实现超过两行变省略号

要实现超过两行后显示省略号,你可以使用 CSS 的 line-clamp 属性结合 -webkit-line-clamp 和 -webkit-box-orient 属性来实现。这个方法在大部分现代浏览器中有效。

2023-10-22 175 5 css 省略号 超过两行变省略号

前端框架Tailwind CSS用法

Tailwind CSS 是一个实用程序优先的 CSS 框架,旨在使用户能够更快、更轻松地创建应用程序。 开发者可以使用实用程序类来控制布局、颜色、间距、排版、阴影等,以创建完全自定义的组件设计, 无需保留 HTML 或编写一行自定义 CSS。

2023-09-12 197 0 前端框架 Tailwind CSS Tailwind Tailwind CSS用法

css修改鼠标的颜色样式

可以使用 CSS 修改鼠标的颜色。基本原理是使用 cursor 属性来定义鼠标的形状和样式。以下是一个简单的修改鼠标颜色的例子。

2023-09-04 340 0 css 鼠标 鼠标颜色 鼠标样式

css transform实现图片旋转

可以使用 CSS 的 transform 属性来实现图片旋转。transform 属性可以指定图片的旋转角度、缩放比例、平移距离等。

2023-09-02 279 0 css transform 图片旋转 css旋转动画

css改变progress进度条颜色

要改变HTML中的 <progress> 元素的进度条颜色,可以使用 CSS 来实现。以下是一个示例,演示如何改变进度条的颜色。

2023-08-29 425 0 css progress progress颜色 进度条颜色

网页内容很少时让footer处于最下方

要实现在内容很少时保持 footer 在最下方,而内容很多时在所有内容底部,可以使用CSS的Flex布局。这样可以确保在页面内容不足以填满整个视口时,footer 保持在视口底部,而在内容超出视口时,footer 在所有内容底部。

2023-07-27 369 0 网页内容很少时保持footer在最下方 CSS Flex布局网页底部保持footer 网页底部固定footer 保持footer在视口底部 适应不同内容高度的网页footer布局

css linear-gradient实现背景渐变色

CSS linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。其结果属于<gradient>数据类型,是一种特别的<image>数据类型。

2023-06-14 508 0 css linear-gradient 渐变色

css页面内容不够高footer始终位于页面底部

当页面内容很少的时候,footer会在页面中间就很难看,所以希望通过css实现当页面内容不够高时,footer始终位于页面底部。

2023-06-13 353 0 css footer 页面底部

如何使用js格式化json、css和scss

要使用JavaScript格式化JSON,可以使用内置的JSON.stringify()函数。该函数将JavaScript对象转换为JSON字符串,并且可以传递参数来使输出的JSON字符串更具可读性。

2023-03-24 652 0 js格式化json js格式化css js格式化scss

position:sticky纯css实现粘性定位让元素滚到顶部固定

想要让某些元素(例如导航,概要)滚动到顶部后就悬停在顶部固定,可以通过postion:sticky纯css简单实现,而不用使用js使得代码很复杂。

2022-12-22 1075 0 css position sticky 粘性定位

15款jquery css3动画插件

jQuery插件是用来扩展jQuery原型对象的方法。本文搜集了用来为你的网站创建CSS3动画的一些jQuery插件。1. jQuery Smoove Smoove 简化了CSS3转换效果,使得页面向下滚动时网页内容能有一种滑入的动效。

2014-09-07 2932 0 jquery css3动画插件 jquery动画插件

CSS实现文字环绕图片和文字两端对齐

让文字环绕图片显示,只需要在图片的样式里面加上float:left;即可。请看文中示例。

2014-07-20 2707 0 CSS 图文环绕

顶部