Wesley13 Wesley13
3年前
SASS入门教程及用法指南
作为前端开发人员,你肯定对css很熟悉,但是你知道css可以自定义吗?大家都知道,js中可以自定义变量,css仅仅是一个标记语言,不是编程语言,因此不可以自定义变量,不可以引用等等。面对这些问题,我们现在来引进一个SASS(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.haoro
Easter79 Easter79
3年前
Vue+Webpack配置css
  使用VueWebpack搭建工程时,在webpack.config.js中的module的rules里针对各种文件配置加载工具。在针对css文件配置时遇到一个问题:打包构建时报错——Modulebuildfailed:Unknownword。  配置内容如下:{  test:/\.css$/,  use:
Wesley13 Wesley13
3年前
2020 全球 CSS 报告,大家都在用什么样的技术?
本文来源与公众号「秋风的笔记」介绍CSS从1994年10月首次被提出,到目前为止已经20余年,但是CSS早已发生了天翻地覆的变化,2020的CSS 又是如何的呢?我们现在可以使用CSSGrid轻松制作动态或响应式的布局,以更少的代码来进行自适应布局。CSSinJS无需依赖全局样式表,我们可以将样式与组件写在一起
Wesley13 Wesley13
3年前
CSS背景渐变
在css(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.51code.com%2F)中,有时我们需要实现如下图所示的,背景渐变(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.51code.com%2F
Wesley13 Wesley13
3年前
CSS字体边框?
随着所有新的CSS3边框填充(webkit,...),现在是否可以为字体添加边框?(就像蓝色的Twitter徽标周围的纯白色边框一样)。如果不是,是否有任何不太丑陋的骇客会在CSS/XHTML中完成此任务,还是我仍然需要启动Photoshop?1楼要详细说明提到webkittextstroke的一些答案
Wesley13 Wesley13
3年前
CSS 故障艺术
https://juejin.im/post/5e40bf55e51d4526d71d33ec本文的主题是GlitchArt,故障艺术。什么是故障艺术?我们熟知的抖音的LOGO正是故障艺术其中一种表现形式。它有一种魔幻的感觉,看起来具有闪烁、震动的效果,很吸引人眼球。故障艺术它模拟了画面信号出现故障导致成像错误的感觉。青色色块与红
Wesley13 Wesley13
3年前
CSS内容布局
网页是由不同内容块构成的:标题、段落、链接、列表、图片、视频,等等。1.定位定位并不适合总体布局,因为它会把元素拉出页面的正常流。元素的初始定位方式为静态定位(static),即块级元素垂直堆叠。把元素设置为相对定位(relative),然后可以相对于其原始位置控制该元素的偏移量,同时又不影响其周围的元
Stella981 Stella981
3年前
CSS 分类 (Classification)
★★CSS分类属性(Classification)★★⑴CSS分类属性允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度。⑵下面是常用的属性以及描述:!(https://oscimg.oschina.net/oscnet/00cb565
Wesley13 Wesley13
3年前
CSS布局模型
1、流动模型(Flow)    流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的HTML网页元素都是根据流动模型来分布网页内容的。    流动布局模型具有2个比较典型的特征:      (1)块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。      (2)在流动模型
Stella981 Stella981
3年前
Css3系列——css3新特性学习笔记
1\.css3介绍学习网址:http://css.doyoe.com/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fcss.doyoe.com%2F)1.1.原则渐进增强原则例如圆角和boxsha