CSS
文章平均质量分 71
qq_43173244
这个作者很懒,什么都没留下…
展开
-
聊聊CSS中的层叠相关概念
最近在纠结程序语言和设计语言中的一些概念,整到层叠上下文和图层相关的事情,然后发现自己对于CSS中的层叠相关的知识并没有自己想象中那样理解的透彻。因此花了一段时间重新梳理了一下相关的知识。如果想要理解清楚CSS中的层叠相关的知识点,我们就很有必要先了解一些重要的概念:文档流(Normal Flow)格式化上下文(Formatting Context)层叠上下文(Stacking Conte...原创 2018-09-18 13:33:41 · 161 阅读 · 0 评论 -
Vue: scoped 样式与 CSS Module 对比
在现代化的 Web 开发中,CSS 还远未完美,这一点应该没有什么意外。现今的项目通常都相当复杂,而 css 样式天生又是全局性的,所以到最后总是极容易地就发生样式冲突——要么是样式相互覆盖,要么就是隐式地级联到了下面那些我们未考虑到的元素。在减轻 CSS 存在的主要痛点方面,我们普遍采用的解决方案是引入 BEM (Block Element Modifier) 方法学。不过这只能解决我们这个大...原创 2018-11-28 18:41:26 · 152 阅读 · 0 评论 -
老生常谈之CSS的垂直居中
在 CSS 中对元素进行水平居中是非常简单的:如果它是一个行内元素, 就对它的父元素应用text-align: center;如果它是一个块级元素,就对它自身应用margin: auto。然而如果要对一个元素进行垂直居中,可能光是想想就令人头皮发麻了。长久以来,为了解决这一绝世难题,前端开发者们殚精竭虑,琢磨出了各种解决方法,可惜大多数并不实用。在本篇攻略中,我们将探索现代 CSS 的强...原创 2019-03-19 09:26:52 · 140 阅读 · 0 评论 -
关于响应式布局,你必须要知道的
一、前言响应式Web设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。本文主要介绍一些响应式布局容易忽略但又很重要的知识点。二、视口移动前端中常说的 viewport (视口)就是浏览器中用于呈现网页的区域。视口通常并不等于屏幕大小,特别是可以缩放浏览器窗口的情况下。手机端与PC端视口存在差异,电脑端的视...原创 2019-04-24 10:20:31 · 102 阅读 · 0 评论 -
怎样快速提取视频中的音频文件?
闲来没事的时候,希望在网络上看一些视频来消磨时间,不知道大家平时都喜欢看什么类型的视频呢?小编经常从一些视频中下载歌曲,因为平时喜欢听歌但是又不知道那些歌曲好听,如果在视频中遇到的话就会将它下载来,对于有些没有版权的歌曲一般都是利用提取方法来进行,接下来小编就将它的详情步骤记录了下来,希望可以帮助到你们。软件介绍:迅捷音频转换器是一款多功能的音频编辑处理软件,软件具有功能齐全,操作简单...原创 2019-04-24 10:30:13 · 1571 阅读 · 0 评论 -
Linux 系统上交换空间的介绍
学习如何修改你的系统上的交换空间的容量,以及你到底需要多大的交换空间。当今无论什么操作系统交换Swap空间是非常常见的。Linux 使用交换空间来增加主机可用的虚拟内存。它可以在常规文件或逻辑卷上使用一个或多个专用交换分区或交换文件。典型计算机中有两种基本类型的内存。第一种类型,随机存取存储器 (RAM),用于存储计算机使用的数据和程序。只有程序和数据存储在 RAM 中,计算机才能...原创 2019-05-09 09:06:32 · 369 阅读 · 0 评论 -
8个非常有用的CSS工具
写更好的CSS是所有网页设计师和开发人员应该争取的东西,幸运的是,这里有一些工具,可以帮助大家做到这一点。在这篇文章中,我们收集了一些新的 CSS工具,以帮助写出更好的CSS。从学习新的CSS3属性,到使您的CSS代码更高效,这里必然有你需要的一款CSS工具。1.CSS3 Patterns GalleryCSS3 Patterns Gallery,让您通过缩略图或全屏模式浏览各种CSS3...原创 2019-05-20 10:28:45 · 207 阅读 · 0 评论 -
将flac转换成mp3用什么软件
对于搞音乐的用户来说,音频格式使他们最常见的问题,在制作音乐的过程中,难免会遇到很多的问题,但是如果你不去及时的处理的话,会让老板对你这个人否定,那么这个时候我们需要一款可以帮助我们转换音频的工具,这样才可以省时又省力,让老板对你乱目相看,那将flac转换成MP3用什么软件呢?感兴趣的话不妨跟着小编一起往下看吧。 工具特色: 迅捷音频转换器它是一款多功能的音频编辑处理软件,软...原创 2019-06-05 11:29:49 · 508 阅读 · 0 评论 -
如何把下载好的歌曲进行剪切
小编在家里看了一档综艺节目《王牌对王牌》,这档节目非常的精彩,于是看到了这样的一个片段,那就是串烧歌曲,节目非常的有趣,给大家带来了很多的笑点,于是小编情不自禁的打开了自己的手机,突然一想将自己之前喜欢的歌曲进行剪切,然后将它制作成串烧歌曲,这真的是一个非常好的想法啊,那么我们把下载好的歌曲进行剪切呢?你们不要担心,今天就好好的给你们分享一下它的操作步骤。具体详情如下: 第一步:安...原创 2019-05-28 11:57:12 · 2903 阅读 · 0 评论 -
AAC音频文件怎么转换格式
首先小编先给大家普及一下AAC格式,它是一种压缩型格式,但是和MP3相比,它们俩却截然不同,对于AAC格式这种文件占内存比较小,其次就是音质会更好一点,其实也是一种不错的选择,但是却不能和MP3格式一样,它只能在某一种特定的播放器上播放,所以当你下载了这种格式之后想想也是挺头疼的,最好的方法就是转换成MP3格式,这样一来你就可以在任何设备上播放量,如果有不知道AAC怎么转换格式的,那就跟着小编...原创 2019-06-04 11:13:28 · 863 阅读 · 0 评论 -
为什么不会有CSS4?
为什么不会有CSS4了?简单地说,就是从CSS3开始,CSS规范就被拆成众多模块(module)单独进行升级,或者将新需求作为一个新模块来立项并进行标准化。因此今后不会再有CSS4、CSS5这种所谓大版本号的变更,有的只是CSS某个模块级别的跃迁。引入模块化之前按照CSS工作组的说法,CSS历史上并没有版本的概念,有的只是“级别”(level)的概念。比如,CSS3其实是CSS Level ...原创 2018-10-30 19:27:31 · 127 阅读 · 0 评论 -
Flexbox 布局的最简单表单
弹性布局(Flexbox)逐渐流行,越来越多人使用,因为它写 CSS 布局真是太方便了。三年前,我写过 Flexbox 的介绍(上,下),但是有些地方写得不清楚。今天,我看到一篇教程,才意识到一个最简单的表单,就可以解释 Flexbox,而且内容还很实用。下面,你只需要10分钟,就可以学会简单的表单布局。一、 元素表单使用元素。上面是一个空表单。根据 HTML 标准,它是一个块级元素,...原创 2018-10-30 19:16:14 · 92 阅读 · 0 评论 -
CSS深入理解之relative定位
relative的特性relative,顾名思义,相对。在CSS中,我们都这样使用:position: relative,翻译成中文就是相对定位。不知道大家在使用的过程中,有没有想过这样的一个问题:它到底是相对谁定位呢?在揭开答案之前,我们还是以例子来说明问题。 使用margin 使用relat...转载 2018-09-19 13:47:19 · 415 阅读 · 0 评论 -
灵活的 overflow
很多同学可能会使用CSS的媒体查询来制作响应式的网站。而在当时当日,有些组件不能只依赖于视窗的宽度来做为条件的判断。而是依赖于不同的条件做出不一样的响应。有一个很好的解决方案是Container Queries,而它的前身是Element Queries。他们的未来并不确定,但是其中的一些特性,可以通过Polyfills来实现。但话又说回来,使用Polyfill来实现一些特性,并不是长远的方案,...原创 2018-09-19 13:53:55 · 1710 阅读 · 0 评论 -
滚动视差?CSS 不在话下
视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 作为网页设计的热点趋势,越来越多的网站应用了这项技术。通常而言,滚动视差在前端需要辅助 Javascript 才能实现。当然,其实 CSS 在实现滚动视差效果方面,也有着不俗的能力。下面就让我们来见识一二:认识 background-attachmentback...原创 2018-09-14 14:13:46 · 179 阅读 · 1 评论 -
Vuescroll – 一个基于Vue的虚拟滚动条
灵感来源以前接触过一个后端管理系统, 叫H+, 偶尔发现它用的是左侧菜单没有滚动条, 于是, 我仔细查看dom, 发现H+ 左侧菜单的旁边有一个小的DIV, 我拖动的, 菜单竟然也能滚动, 我明白了, 这是用的虚拟滚动条, 我感觉这个挺不错的, 后来查看这个虚拟滚动条的源码, 发现是一个款叫做SlimScroll的基于jquery的库。由于我对Vue比较熟悉,所以,我想用Vue做一个类似的。不...转载 2018-09-26 14:05:52 · 4410 阅读 · 0 评论 -
如何在 Linux Shell 编程中定义和使用函数
函数是一段可复用的代码。我们通常把重复的代码放进函数中并且在不同的地方去调用它。库是函数的集合。我们可以在库中定义经常使用的函数,这样其它脚本便可以不再重复代码而使用这些函数。调用函数在 Shell 中调用函数和调用其它命令是一模一样的。例如,如果你的函数名称为 my_func,你可以在命令行中像下面这样执行它:$ my_func如果你的函数接收多个参数,那么可以像下面这样写(类似命令行参...原创 2018-10-11 13:41:05 · 149 阅读 · 0 评论 -
CSS 的空格处理
一、空格规则HTML 代码的空格通常会被浏览器忽略。◡◡hello◡◡world◡◡上面是一行 HTML 代码,文字的前部、内部和后部各有两个空格。为了便于识别,这里使用半圆形符号◡表示空格。浏览器的输出结果如下。hello world可以看到,文字的前部和后部的空格都会忽略,内部的连续空格只会算作一个。这就是浏览器处理空格的基本规则。如果希望空格原样输出,可以使用标签。◡◡hel...原创 2018-09-27 14:36:16 · 173 阅读 · 0 评论 -
CSS变量(自定义属性)实践指南
Sass和Less这样的预处理器,让我们的CSS代码保持良好的结构和可维护性。像变量、混合(mixins)、循环控制等特性,增强了动态编写CSS的能力,从而减少重复代码,也加快了我们开发速度。近年来,一些动态特性开始作为规范的一部分,出现在CSS语言中。CSS变量(CSS variables),或者用它的官方称谓,叫作自定义属性(custom properties),已经可用,并且有非常棒的浏览...原创 2018-09-28 14:49:06 · 136 阅读 · 0 评论 -
什么是关键 CSS
什么是关键CSS?对CSS文件的请求可以显著增加网页呈现所需的时间。 原因是默认情况下,浏览器将延迟页面呈现,直到它完成加载、解析和执行所有在“页面”中引用的CSS文件。 这样做是因为它需要计算页面的布局。不幸的是,这意味着如果我们有一个非常大的CSS文件,并且需要一段时间才能完成下载,我们的用户将在浏览器开始呈现页面之前等待整个文件被下载下来。 幸运的是,有一个巧妙的技术,使我们能够优化我们...原创 2018-10-08 14:16:19 · 179 阅读 · 0 评论 -
Vertical-Align,你应该知道的一切
对哪些元素可以使用Vertical-Alignvertical-align用于对齐行内元素。所谓行内元素,即display属性值为下列之一的元素:inlineinline-blockinline-table (本文未涉及)其中,行内元素(inline element)就是包含文本的标签。而行内块元素(inline-block element),顾名思义,就是位于行内的块元素。可以有宽度...原创 2018-10-15 19:38:28 · 4469 阅读 · 0 评论 -
Flac无损音频怎么转换格式
flac是QQ音乐中的一种无损格式,但是手机却是不支持这种格式的,所以就要借助音频转换器来转换格式了,针对不同格式转换音频,是个不错的选择,感兴趣的伙伴们可以跟着小编的步伐了解一下哦!本篇经验就来为大家解决这个问题。方法步骤:1、在网上下载flac格式的音频文件,存放在电脑中,如下图;2、下载音频转换器,下载后,打开安装包,根据提示将其安装在电脑D盘中;3、运行音...原创 2019-08-07 12:00:21 · 918 阅读 · 1 评论