css样式图片、渐变、相关小知识

一,background-position:(图片定位)
三种写法:
1):按%比,左上角最小(0%,0%),右下角最大(100%,%100);
2):(x,y)左上角最小(0,0),右下角最大(max,max);
3)top,center,left,right,bottom;
二,background-clip:
1,包含那一部分的值:border;padding;content;
三,background-origin:
1,从那一部分值开始:border;padding;con tent;
四,背景图像是否固定或者随着页面的其余部分滚动。
1,scroll:随着页面的其余部分滚动
2,fixed :固定在窗口的某个位置。
五,渐变:
1,线性渐变:linear-gradient:
1)如果是角度:角度,过渡色;
2)如果是top。。。,方向前加to,后过渡色;
2,迳向渐变:radial-gradient:
1)默认是中心点渐变;
2)[size at left top]:其中size是渐变半径。
3,重复渐变:
1)重复线性渐变:repeating-linear-gradient:格式跟线性渐变一样。
2)重复迳向渐变:reoeating-radial-gradient:格式跟迳向渐变一样。

时间: 2024-10-01 03:58:02

css样式图片、渐变、相关小知识的相关文章

linux 高性能读书笔记之应用层协议HTTP相关小知识

####HTTP连襟:传输层协议默认使用TCP小知识:1.正向服务器要求客户端自己设置代理服务器的地址.客户端每次的请求都将直接发送到该代理服务器,并且由代理服务器来请求目标资源(常用于防火墙内的局域网机器要访问Internet或者×××都是使用正向)2.反向代理是设置在服务器端.客户端无需进行任何设置.2.1原理:用代理服务器来接收Internet上的连接请求,然后将请求转发给内部网络上的服务器,并且将从内部服务器上的得到的结果返回给客户端.(此时就像个真实的服务器,在不同区域可以设置不同的代

关于前端CSS预处理器Sass的小知识!

前面的话 ??"CSS预处理器"(css preprocessor)的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.SASS是一种CSS的开发工具,提 供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护.本文将详细介绍sass的使用 定义 ??Sass是一门高于CSS的元语言,它能用来清晰地.结构化地描述文件样式,有着比普通CSS更加强大的功能.Sass能够提供更简洁.更优雅的语法,同时提供多种功能来创建可维护和管理的样式

css 样式 图片平铺整个界面

比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在css2.1之前是不能被修改的. 所以实际的结果是只能重复显示,所以出现了repeat,repeat-x,repeat-y,no-repeat这些属性.就是用来 控制背景图片的显示的.所以一般用作背景图片的有2类: 1.是一整张大图,尺寸和区域大小刚好吻合 2.一个很小的条状图,通过repeat后,形成一个很规则的大图背景. 但是css3出现以后,这个情况被改善了.background-size 属性可以让我们之前的希望

css笔记2:属性小知识

http://blog.sina.com.cn/s/blog_41698c170100oiau.html clear clear声明主要是对块元素的浮动(float)定义的,意思是取消浮动,属性主要有none | left |right | both 这个比较好理解:比如,在一个大容器内你定义了个元素float(不管它是float:left或right),那么后面的元素会与它一起分享大容器剩下的宽度,如果你想不和float一起同行显示,又不想在浏览器是错位,那就得用到clear:both 意思就

buffer的相关小知识

php与mysql的连接有三种方式,mysql,mysqli,pdo.不管使用哪种方式进行连接,都有使用buffer和不使用buffer的区别. 什么叫使用buffer和不使用buffer呢? 客户端与mysql服务端进行查询操作,查询操作的时候如果获取的数据量比较大,那个这个查询结果放在哪里呢? 有两个地方可以放:客户端的缓冲区和服务端的缓冲区. 我们这里说的buffer指的是客户端的缓冲区,如果查询结果已经从服务端获取回来了,放置在了客户端的缓冲区,我们就称之为使用buffer.如果还是存放

图片加密解密小知识

代码如下 public static void main(String[] args) { //输入流,图片路径(相对路径),加密 try { FileInputStream fis = new FileInputStream("pic/绿茶.jpg"); FileOutputStream fos = new FileOutputStream("pic/绿茶_last.jpg");//加密后文件名 int b; try { while((b = fis.read()

第三章web安全基础—互联网注册网站相关小知识

前面的碎碎念 像新浪.哔哩哔哩这种大的网站,类似于一个新闻站点.门户,都是比较大的知名企业,做网站以及对网站进行优化甚至都有几百人. 小一点的比如我们的学校也有对外发布的网站,还有其他大大小小的企业都会有自己的门户网站,这一级别的自己去开发网站就不太现实,所以网上就有许多可以快速生成网站的模板(开源的),各企业有自己再需要有的功能再自己进行这一块的开发,所以一旦有一个模板的漏洞被挖出来,就会有许多基于此模板进行开发的网站受影响,开源的好处是代码都是开放的,许多人在用也都能看到代码,这样漏洞一般也

web 开发相关小知识笔记

1.MySQL命令行下执行.sql脚本详解http://database.51cto.com/art/201107/277687.htm 在可视化工具里导出.sql脚本 --> 放命令行里运行 --> source + .sql文件的绝对路径 2.可以主动制造空指针来查看整个调用过程. 3.查看 AJAX 异步请求 4.卧槽这样也行... (返回一个JSON 5.还有这操作 6.Eclipse --> webApp 的对应关系 7.记一次 DEBUG :依然是 IDEA 的锅, 某连接数

css样式颜色渐变

1.向中间:background: -webkit-radial-gradient(50% 6%, circle farthest-side, #CAD06C 0, #297141100%); 2.向下:background: linear-gradient(to bottom, #0084c9 0%, #38b9fd 100%);