![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 70
前端技术营
欢迎来到前端技术营!专注分享前端技术干货,推送前端实用文章,追求代码中的精致与典雅,解读前端的意趣与智慧。
展开
-
你知道Vue3中style新增了哪些特性吗?
Vue3不仅对语法进行了升级,而且还新增了一些style特性,这样在模板中可以更加灵活地使用css样式。下面本篇文章给大家总结分享一下Vue3 style的新特性,希望对大家有所帮助!Vue3新增style新特性主要有引入了变量和函数,也就是状态驱动的动态css;插槽选择器;自定义注入名称等,其主要的作用就是使css更加地灵活且模板复用性更强。下面我们就一一地介绍一下每个特性的用法。原创 2022-08-20 18:44:35 · 1860 阅读 · 0 评论 -
自从看了这篇文章我也明白css中的BFC了,这也太厉害了
我们常说的文档流其实分为定位流、浮动流、普通流三种。而普通流其实就是指BFC中的FC。FC(Formatting Context),直译过来是格式化上下文,它是页面中的一块渲染区域,有一套渲染规则,决定了其子元素如何布局,以及和其他元素之间的关系和作用。......原创 2022-07-16 20:10:39 · 216 阅读 · 1 评论 -
css文字处理
前言作为程序员的我们,书写代码也需要大量的技巧。一份良好的代码能让人耳目一新,让人容易理解,同时也让自己成就感满满。因此,在这里简单的整理一些CSS开发技巧,希望能让你写出耳目一新、容易理解、舒服自然的代码。本小结主要是围绕css对文字处理的技巧,有兴趣的小伙伴可以收藏一下。文本对齐方式CSS最常用的对齐方式,居中对齐、左对齐(默认)、右对齐,而且实现起来也是非常的简单。如下:p{ ...原创 2019-10-11 16:11:43 · 394 阅读 · 0 评论 -
css之文本两端对齐
1、效果图2、实现代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .item .label{ width:120px; height...原创 2019-06-13 15:58:06 · 218 阅读 · 0 评论 -
常用css形状
1.椭圆形#oval { width: 200px; height: 100px; background: red; border-radius: 100px / 50px;}2.上、下、左、右三角 #triangle-up { width: 0; height: 0; //上三角 border-left: 50px solid transparen...原创 2019-06-06 16:29:13 · 274 阅读 · 0 评论 -
marquee一行代码实现滚动跑马灯效果无需js
最近ytkah决定拓展一下业务,贴补一些家用,(@^_^@),将以前做的网站建设案例展现出来,有这方面需求的朋友可以扫一下二维码加我哈,或者推荐朋友给我,有奖励噢!网站设计案例展示一般用幻灯片切换会比较高大上,但这需要用到js,第三方博客等网站不支持外嵌js,或者有些网友不知道怎么用,有一种方法可以解决,用标签,可以实现多种滚动效果,无需js控制。marquee标签不仅可以滚动文字,也可以滚动图片...转载 2019-02-21 16:06:20 · 389 阅读 · 0 评论 -
拯救前端开发者的工具、库和资源
我只是想简单的分享一套我认为有助于提升开发者工作流的工具集。这套工具集中的大部分你可能见过,也可能没见过,如果有哪个/些让你眼前一亮,那么我的分享就很值了。这个列表包含许多种类的资源,所以这里我将它们分组整理。Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库F...原创 2018-11-21 09:45:22 · 150 阅读 · 0 评论 -
js波浪点击按钮
效果图: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="vi原创 2018-11-14 17:27:15 · 341 阅读 · 0 评论 -
Css:after伪元素【简单】写对话框箭头
第一次写对话框的箭头时,也是一头雾水,不知道怎么去写,后来去学习了一下别人怎么写的,也曾经试过去用别人的代码,但是去修改箭头长度和宽度的时候总是很难,然后就自己去研究,发现了一种全新的写法,自我感觉还是挺简单的,最重要的是这样写可以去控制箭头的长短和宽度,这样在其他地方用的时候,也更加容易修改。<!DOCTYPE html><html lang="zh"><he...转载 2018-10-23 16:38:19 · 1095 阅读 · 0 评论 -
纯css,div隐藏滚动条,保留鼠标滚动效果
版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/liusaint1992/article/details/51277751当我们的内容超出了我们的div,往往会出现滚动条,影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。这里介绍一个简单的方法。...转载 2018-10-25 10:32:20 · 139 阅读 · 0 评论 -
CSS书写优美的文字样式(透明、模糊、镂空、渐变、图片背景文字)
前言做页面涉及字体的时候,最多就是换个color换个font-family,总是觉得不够华丽美艳,这时就需要我们自己动手丰衣足食的去“创造”一些css样式字体呢?透明文字用rgba调整透明度或用opacity调整遮罩.txt1{ background: pink; color: rgba(0,0,0,0.1); /*或*/ opacity: 0.1;}两种区别是用r...翻译 2018-10-15 17:13:58 · 15068 阅读 · 0 评论