CSS
文章平均质量分 95
MonkeySoft
这个作者很懒,什么都没留下…
展开
-
css精髓:这些布局你都学废了吗?
前言最近忙里偷闲,给自己加油充电的时候,发现自己脑海中布局这块非常的凌乱混杂,于是花了一些时间将一些常用的布局及其实现方法整理梳理了出来,在这里,分享给大家。单列布局单列布局是最常用的一种布局,一般是将一个元素作为容器,设置一个固定的宽度,水平居中对齐。单列布局一般有两种形式:(图片来源:https://blog.csdn.net/Ace_Arm/article/details/81036129)一栏布局一栏布局头部、内容、底部宽度一致效果图代码实现html<header&g原创 2020-12-17 09:15:31 · 343 阅读 · 1 评论 -
这些鲜为人知的前端冷知识,你都GET了吗?
背景最近公司项目不多,比较清闲,划水摸鱼混迹于各大技术博客平台,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来,不由的发出一声感叹!前端可真是博大精深于是突发奇想,现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容,俗话说,独乐乐不如众乐乐,大家一起来接受前端的洗礼吧!!!论被玩坏了的前端HTML篇浏览器地址栏运行JavaScript代码这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javas原创 2020-12-02 13:39:23 · 2094 阅读 · 14 评论 -
【面试篇】金九银十面试季,这些面试题你都会了吗?
你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?IE: trident内核Firefox:gecko内核Safari:webkit内核Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit,Google与Opera Software共同开发)每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗? 声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 H原创 2020-09-15 09:24:50 · 261 阅读 · 0 评论 -
[译]8个惊人的CSS按钮悬停效果,不看后悔一辈子
发送按钮悬停效果效果图HTML<div id="send-btn"> <button> // 这里是一个svg的占位 Send </button></div>CSS#send-btn{ display: flex; align-items: center; justify-content: center; height: 100vh;}button { background: #5f55af;翻译 2020-09-03 10:17:28 · 559 阅读 · 0 评论 -
【项目实战】sass使用基础篇(上)
Sass是一种CSS预处理语言。CSS预处理语言是一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让css更加简洁、适应性更强,可读性更佳,更易于代码的维护等诸多好处。CSS预处理语言有Scss(Sass) 和Less、Postcss。Scss和Sasssass一开始用的是一种缩进式的语法格式采用这种格式文件的后缀名是.sass在sass3.0版本后我们常用的是sassy css语法,扩展名是.scss,更接近与css语法原创 2020-08-06 11:37:46 · 215 阅读 · 0 评论 -
css做旋转相册效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0;原创 2018-05-10 15:18:48 · 565 阅读 · 0 评论