CSS
关注
分享
扫一扫
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
Army-海军
致力于前端开发，不做此行专家不罢休
展开
-
贡献一个CSS心形加载的动画源码
废话不多说上代码，代码很简答，研究一下就明白了，有不明白的可以问我。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .heart-loading { margin-top: 120px; width: 200px原创 2020-08-07 15:22:24 · 42411 阅读 · 52 评论 -
展示一个漂亮的css动态条形加载条源码
运用了css变量的知识，直接上代码及其我加的注释原创 2020-08-05 17:02:56 · 13876 阅读 · 24 评论 -
针对iPhone X和iPhone XS这些傻叉手机安全距离的设定
主要针对下部分导航条，顶部导航条，如果不设置将显示不全。原创 2020-07-24 16:37:42 · 14235 阅读 · 12 评论 -
网站变灰色及css样式filter的其他属性
代码很简单html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransf...原创 2020-04-10 16:02:08 · 14721 阅读 · 21 评论 -
CSS之flex布局经典留存
一、CSS3弹性盒子弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。二、浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在...原创 2020-04-08 23:28:11 · 14621 阅读 · 22 评论 -
css中不常见但是还能看见的一些属性
@supports (-webkit-mask: none) and (not (cater-color: $cursor)) { .login-container .el-input input { color: $cursor; }}源于上边这段代码。上边这段代码主要是解决光标颜色和文字颜色一致caret-color属性可以改变输入框插入光标的颜色，同时又不改变...原创 2019-06-05 19:58:12 · 16737 阅读 · 10 评论 -
最全CSS3实现水平垂直居中的10种方案
最全的实现水平垂直居中方案原创 2019-06-28 14:53:25 · 32024 阅读 · 44 评论 -
css中的图标字体的实现方案及原理和工具使用
方案一：利用background-position，专用名词CSS Sprite（没啥意思就是记不住这个名字）懂原理就好。要是面试的问我这个我肯定忘了这个单词了。。这个也是解决前端资源优化的一种方案，原理很简单：就是全局就引一张图片，然后在背景图片靠着background-position显示出来展现一下老版本的bootsrap的方案图片是这样的：[class^="ic...原创 2019-07-05 15:12:23 · 16235 阅读 · 27 评论