front-end-css
关注
分享
扫一扫
飞鸿酱
这个作者很懒，什么都没留下…
展开
-
【CSS】滚动条样式的优化
前言优化后的滚动条会提亮我们的网站页面。例如：CSS-TRICKS这个网站如果采用的是浏览器默认的滚动条，不进行优化，页面会显得很不搭。所以该网站的滚动条样式优化如下：html::-webkit-scrollbar { width: 30px; height: 30px;}html::-webkit-scrollbar-thumb { background:...原创 2020-02-29 22:44:56 · 2302 阅读 · 0 评论 -
移动端网页左右不动
在做项目的时候，必须要适应各种屏幕，移动端是必须的。但是在移动端中，网站是左右可以动，怎么办呢？这是只要在样式表中写入html，body{overfow-x:hidden;}那为什么呢？因为x代表屏幕的横坐标，hidden隐藏。这样网页就不会左右移动了。上下移动估计是html，body{overfow-y:hidden;}...原创 2018-05-17 15:37:43 · 3610 阅读 · 1 评论 -
!important
今天看到别人用了！important，怀着好奇的心情，我询问了百度。语法Selector{sRule!important;}作用是提高指定CSS样式规则的应用优先权。CSS企图创造一个平衡作者和用户之间的级层样式表。默认情况下,CSS规则按级层覆盖，例如在.CSS文件中的定义可以被html文件中<style type="text/css"></style>里的定义覆盖，反之...原创 2018-05-10 20:47:30 · 3096 阅读 · 0 评论 -
Css中路径data:image/png;base64的用法详解
原文点击打开链接今天接触到滑动验证碰到了路径base64： background: #fff no-repeat center url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MO...转载 2018-05-04 20:37:56 · 23084 阅读 · 1 评论 -
元素永久置低
前言很多同学在使用css+html写页面的时候，可能会遇到这样的场景：页面除了头部和底部外，中间部分的内容为空时，页面就会出现底部向上顶，也就是头部和底部黏在一起了。html<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html...原创 2018-05-03 21:50:54 · 172 阅读 · 0 评论 -
底部栏问题
/*底部栏*/.footer{ background-color: #1572DD; height: 150px; padding: 30px; display: flex; /*使子项目水平居中*/ justify-content: center; /*使子项目垂直居中*/ align-items: center; }.footer ...原创 2018-05-17 22:23:01 · 223 阅读 · 0 评论 -
css预编译
http://stylus-lang.com/https://www.zhangxinxu.com/jq/stylus/lesscss.cn转载 2018-08-05 10:55:52 · 312 阅读 · 0 评论