”CSS“ 的搜索结果

     CSS 指的是层叠样式表 ,CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素 CSS 节省了大量工作。它可以同时控制多张网页的布局,外部样式表存储在 CSS 文件中

10个好用的的css框架

标签:   css  前端  ui

     Tailwind CSS 是一个功能类优先的 CSS 框架,它集成了诸如flex, pt-4, text-center 和 rotate-90 这样的的类,它们能直接在脚本标记语言中组合起来,构建出任何设计。 主要特性: 组件化 体积小,性能高 响应式 ...

     最近在给客户做一个运维管理平台,前端有个地方的滚动条特别丑,当时也没在意这些细节,项目上线几个月后我实在受不了这个滚动条了,我在网上东找西找,轻轻松松改好了。

css module

标签:   css  module

     css module一、css module1.思路2.实现原理3.如何应用样式 一、css module 1.思路 通过命名规范来限制类名太过死板,而css in js虽然足够灵活,但是书写不便。 css module 开辟一种全新的思路来解决类名冲突的问题 ...

CSS样式的引用方式

标签:   css  html  前端

     想只用CSS修饰网页,就需要在HTML文档中引入CSS。CSS提供了4种引用方式,分别是行内式、内嵌式、外链式和导入式。.

     1.2导入Animate.css文件 官网搬运代码见另一个博客Animate.css大部分情况下用这种,比较方便 2.Animate.css的使用 Animate.css基本用法 ​ 之前的animate.css用法,只需要在class里加上animated +动画名称就可以...

     整理编辑 |杨小爱CSS 生成器可以帮助每个开发人员的生活变得轻松,提升工作效率,因为它可以立即实现大部分 CSS 效果,如阴影、边框、按钮颜色/形状等等。在本文中,我将分享 19个实用的 CSS 代码生成器,每个开发...

     CSS实现垂直居中的7种方法1、设定行高(line-height)2、设置伪元素::before3、absolute + transform4. 设置绝对定位5、设置display:flex6、absolute + calc7. display:table-cell实现CSS垂直居中。 1、设定行高(line-...

     学过前端的人,对HTML语言一定不会感到陌生,因为它是前端设计最基本的工具。然而,随着网站越来越复杂,网站的维护变得越来越重要,对设计师的要求也越来越高。

CSS实现渐变圆环

标签:   css  html  vue.js

     CSS实现渐变圆环 今天呢,我们来讲讲使用CSS实现渐变圆环。 linear-gradient实现 首先呢,我们的初步思维应该是画一个圆,通过背景色渐变来实现一个基本的圆形渐变,再定位一个纯色背景色的圆形覆盖在上一个圆形,...

css3中var函数

标签:   css

     1、css3中的var()函数 var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法就很有用。 var函数有两个参数 var(custom-property-name, value) custom-property-name 必需。自定义属性的名称(即...

     CSS实现鼠标移入图片放大效果 一般在官网比较常见这种动效,当鼠标移入图片时可以看到视觉放大的效果,这里用到一个css属性 object-fit: cover; object-fit 属性 object-fit CSS 属性指定可替换元素的内容应该如何...

     动画是CSS3中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或者一组动画,从而实现复杂的动画效果 1、 动画的基本使用 先定义动画 在调用定义好的动画 2、语法 @keyframes 动画名称 { 0% { ...

css中的before与after

标签:   css  html  前端

     before与after是css中的两个伪元素。其实before与after的编码是非常的简单的,就像我们在css中对他进行操作,比如设置他的背景颜色、设置它的大小、设置他的定位等等。只不过伪元素多加了一个content属性,如果我们...

     这回项目要做一个大屏展示,大概样式是,中间一个地球,向外发射几条蓝色直线,直线另一头是展示的标题。为了体现科技感,蓝色直线要做出一种像水流一样的流动特效。

css实现吸顶效果

标签:   css  html

     css吸顶效果(例如:实现滚动页面导航栏固定在顶部) 主要针对需要吸顶的元素设置 /* 兼容chorme */ position: -webkit-sticky; position: sticky; top: 0px; 示例 <!DOCTYPE html> <...

10  
9  
8  
7  
6  
5  
4  
3  
2  
1