大家好，我是 Echa。
今天来分享 50 个超实用的 Chrome 浏览器扩展！
2024年10月22日
作者 | 小胡
责编 | 郭芮
说到图片处理，我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者，我们经常会需要处理一些特效，例如根据不同的状态，让图标显示不同的颜色。或者是hover的时候，对图片的对比度，阴影进行处理。”
不过你以为上面的图片都是经过PS软件处理出来的？不不不，纯粹是用CSS写出来的，很神奇吧。
2024年10月22日
本篇文章主要介绍下如何使网站自适应屏幕的大小。其实，这个问题并不是很难做，可以使用CSS来实现。
具体操作实例小编在下面已经写出来了：
<div id="change-color"></div>
css 代码如下：
#change-color {
width:300px;
height:300px;
margin:50px auto;
background:red;
2024年10月22日
我们平时看到的网页中会有各式各样的背景样式，例如有用颜色作为背景的，也有图片作为背景的。添加背景样式能够让网页更好看，那么要如何设置页面的背景样式呢，这就是本节我们要学习的内容。
首先我们来讲如何设置背景颜色，浏览器页面的默认背景颜色为白色，但是很多时候为了页面的美观我们会重新设置一个背景颜色，一般在一个网站中大部分页面都会采用某个统一的背景颜色。
我们可以通过CSS 中的 background-color 属性来设置背景颜色 ，这个属性可以接受任何合法的颜色值，像颜色名称、十六进制颜色值、RGB颜色都可以。
2024年10月22日
在响应式设计(RWD)中，令大家最头痛的问题的是图片的自适应处理问题。往往我采取的处理方式是给图片的容器设置一个尺寸，然后给图片设置下面的代码：
2024年10月22日
网页美工培训机构教你用让背景图片拉伸填充的css属性，比如一个容器(body,div,span)中设定一个背景。这个背景的长宽值在css2.1之前是不能被修改的。
所以实际的结果是只能重复显示，所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性。就是用来
控制背景图片的显示的。所以一般用作背景图片的有2类：
2024年10月22日
说明：background-size 规定背景图像的尺寸 属性值
length (10px) 规定背景图的大小。第一个值宽度，第二个值高度。（直接定义背景图的大小） Percentage(%) 以百分比为值设置背景图大小（参照元素的大小） cover
2024年10月22日
实例
指定背景图像的大小：
div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}
在此页底部有更多的例子。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
2024年10月22日
body 的背景图设置
第一种 :这种情况下背景图片可以缩放 但是不能完全等比缩放
background: url(imgs/1.jpg)no-repeat;
background-position:center 0; 背景图的定位原点,由于body高不确定
background-attachment:fixed; 背景图片保持固定,不会随页面滚动而滚动
第二种: 这种情况下的背景图会完全的等比缩放, 随着窗口大小改变