- CSS基础(3)
Zzz_睡不醒
css前端html
CSS背景操作1.多重背景(MultipleBackgrounds)div{background-image:url(image1.png),url(image2.png);background-position:rightbottom,lefttop;background-repeat:no-repeat,repeat;background-size:auto,cover;}background
- css实现正方体旋转效果
css实现正方体旋转效果style样式*{margin:0;padding:0;}li{list-style:none;}body{background:url('image/ma.jpg')00no-repeat;/*自己更换背景图片*/background-size:cover;}.body{transform-style:preserve-3d;}.box{width:400px;heigh
- CSS: border-image实用的属性
SadonMao
WebCSScss3css
CSS:border-image属性1.前提场景当一张图片被设置为几个不同尺寸的元素,用作背景图时。设置backgroud-image和background-size并不能达到想要的效果。会将图片压缩或者拉伸。background-image:url(xxx/xxx.png);background-size:100%100%;图片出现拉伸,达不到想要的效果。使用border-image可以解决这个
- CSS样式:如何让背景图片占满整个屏幕
小阳睡不醒
csscss前端html
主要通过:先给背景图片设置width和heightbackground-image:url(背景图片路径)background-repeat:no-repeat;(默认repeat平铺)background-size:cover;(最关键的CSS属性)
- 前端仿知乎登录注册页面
我就告诉过你我会飞
网页设计前端csshtml
知乎官网页面:我的知乎页面:源码:知乎-有问题,上知乎body{background-color:#B8E5F8;background-image:url("./0.png");background-size:100%;background-attachment:fixed;}#logo>img{width:128px;height:81px;}#logo{text-align:center;ma
- 原生js封装ajax请求以及css实现提示效果和禁止点击效果
niech_cn
jsjs
本地模式网络切换.pay-container{position:relative;overflow:auto;background-size:cover;}.cardBody{margin-top:0;padding:1rem.75rem;}.main{width:100%;background:#FFFFFF;padding:.5rem01rem;border-radius:1rem;}.pay
- 用HTML+CSS构建一个绚丽的登录页面
极客李华
CSS常见小案例csshtml前端
用HTML+CSS构建一个绚丽的登录页面参考文章:动态水滴页面自动切换背景的登录页面登录页面代码登录body{background:url(./images/樱花.png);/*设置背景铺满*/background-repeat:no-repeat;background-size:100%;}form{/*设置form大小*/width:400px;height:250px;/*加个背景颜色*/b
- 基于HTML+CSS实现的动态导航引导页技术解析
孤客网络科技工作室
html+css网页开发htmlcss前端
基于HTML+CSS实现的动态导航引导页技术解析效果展示核心技术实现1.视差背景层#sence{position:fixed;width:100vw;height:100vh;z-index:-1;}#background{width:140%;height:140%;position:absolute;background-size:cover;filter:brightness(0.6);an
- Fabric.js 设置画布背景
xwhking
fabricjavascript运维
Fabric.js设置画布背景直接设置Canvas标签CSS静态样式通过直接设置Canvas属性能够得到画布的背景,但是这种情况下有一个缺点,那就是不能动态变化。.my-canvas{width:500px;height:300px;background-image:url('@/assets/bg.jpg');background-size:cover;background-position:c
- CSS3背景与渐变
天涯学馆
大前端&移动端全栈架构css3前端css
背景与渐变background-sizebackground-size属性用于设置背景图像的尺寸。您可以指定绝对或相对单位,或者使用关键词来控制背景图像在元素背景区域中的大小。.element{background-size:[length|percentage|cover|contain]|[length|percentage][length|percentage]|auto|inherit;}
- HTML期末设计——代码篇
green5+1
html
事先声明这个网页设计也就是用了我学到的知识做的一个中规中矩的网页,可以给以后的大一新生们做个参考,和商业网站的效果肯定是没得比的,期望太高的可以关掉了引入页效果图:欢迎来到香氛密语body{background:url(img/1的背景图.jpg)no-repeatcentercenter;background-size:cover;/*让背景图基于容器大小伸缩*/background-attac
- 前端学习——CSS
W起名有点难
学习笔记前端学习css
CSSCSS(CascadingStyleSheets)级联样式表语法选择器全局选择器元素选择器类选择器ID选择器合并选择器选择器的优先级字体属性字体颜色背景属性background-color属性background-image属性background-repeat属性background-size属性background-position属性文本属性text-aligntext-decorat
- 当背景为两种颜色交替出现时?用重复性渐变实现
痛心凉
重复性渐变cssdiv{background-image:linear-gradient(0deg,rgba(255,255,255,.2)50%,transparent50%,transparent);background-size:37px37px;background-color:#EBEBEB;//按需要改动背景色}
- 使用vue2和css样式添加背景图片
Sky1900_
css前端css3html
登录.ma{/*//这里地址是用项目中图片所在路径为准*/background:url("../assets/2.jpg");/*//将图片样式不重复*/background-repeat:no-repeat;/*//设置图片大小*/background-size:100%;/*设置全屏*/position:fixed;/*设置div高度*/height:100%;/*设置div宽度*/width
- 【CSS】background样式没有生效
凭栏听雨客
假如我今天离职css前端
1.问题背景设置了background-size:"100%100%"没有生效。background:`url(${this.getUrl(this.state.scenelist.length>1?item.bannerLongUrl:item.bannerShortUrl)})`,\background-size:"100%100%"2.分析2.1结论由于图片需要远程获取,如果先执行backg
- background-size
子却
规定背景图像的尺寸background-image:url("xxx");background-size:100px200px;其它属性background-size:cover;把背景图像扩展至足够大,以使背景图像完全覆盖背景区域;注:背景图像的某些部分也许无法显示在背景定位区域中。background-size:containe;把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域
- Vue3背景设置
遇意
Vuecsscss3html
图片存放在assets下样品展示html{width:100px;height:100px;}body{width:100px;height:100px;}#background{ //图片路径background-image:url("../assets/image/3379.jpg");width:100%;height:100%;position:fixed;background-size
- css 背景图片居中显示
yhr19910929
vuecss
经常用到css中背景图片居中显示,记录下,直接上代码:height:100%;width:100%;background-image:url("图片地址");background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-size:100%100%;如果要保持图片的宽高
- div设置background图片后怎么让图片铺满div
fury_123
htmlcss前端
可以使用CSS中的background-size属性和background-image属性来实现将图片作为一个div的背景图并撑满屏幕的效果。具体的方法如下:1.首先,需要给这个div设置一个背景图片。可以使用background-image属性来完成。例如:div{background-image:url("图片路径");}2.接下来,需要设置背景图片的大小。可以使用background-siz
- css 动画效果:水平直线来回运动:animation
CAD GIS开发
css前端
background:url(https://hao2.qhimg.com/t01b958e8662853d1c8.png)no-repeat;background-size:119px30px;color:#fff;display:inline-block;height:30px;width:119px;line-height:27px;position:absolute;left:-115px
- 背景颜色和背景图片覆盖区域(CSS查漏补缺)
hijackli
文:jack同学jack同学背景颜色默认覆盖到border,而背景图片默认覆盖到padding。可以使用border-style:dashed测试查看(只针对块级元素不针对内联元素)设置属性background-clip:content-box/padding-box/border-box(默认);改变背景颜色覆盖区域设置属性background-size:100%/100px/contain;可
- 移动端WEB开发
Mon trésor.88
前端javamysql
目录一,meta视口标签二,物理像素(分辨率)与物理像素比三,二倍图二倍精灵图的做法四,背景缩放background-size五,移动端开发选择单独移动端页面(主流)响应式兼容PC移动端六,移动端技术解决方案七,特殊样式一,meta视口标签想要理想视口,就要给移动端页面添加meta视口标签属性解释说明width宽度设置的是viewport宽度,可以设置device-width特殊值initial-
- 妙用 background 实现花式文字效果
狂徒_张三
本文将讲解如何利用background系列属性,巧妙的实现一些花式的文字效果。通过本文,你将可以学到:通过background-size与background-position实现酷炫的文字下划线效果通过background-size与background-position以及background-clip实现文字逐个渐现的效果通过animation-delay实现文字的渐现效果起因写本文的动机是
- 【网页设计】春节页面背景模板
a辰龙a
javascript开发语言前端
无偿下载地址:https://download.csdn.net/download/weixin_47040861/888111431.实现效果2.代码1.html春节2.css*{margin:0;padding:0;}html,body{height:100%;}body{background-image:url(./image/bg.png);background-size:100%100%
- CSS-背景的相关属性
大庆无疆
1、背景尺寸属性专门用于设置背景图片的大小background-size:取值:(1)宽高(可为具体像素或百分比)(2)auto高(宽度随高度的变化等比例拉伸)(3)宽auto(高度随宽度的变化等比例拉伸)(4)contain(告诉系统背景图片要等比例拉伸,宽高有一个填满便不再拉伸)(5)cover(告诉系统背景图片要等比例拉伸,并且宽高都要填满才停止)2、背景图片定位区域属性:告诉系统背景图片从
- JS实现简易的坦克发射(发射子弹)
bestvous
键盘事件和组合键*{margin:0;padding:0;}#div1{width:40px;height:40px;position:absolute;background:url(tank.png);background-size:100%;/*background:orange;*/transform:rotate(0deg);}.pd{width:5px;height:15px;borde
- CSS 星空按钮
特创数字科技
CSS动画css前端
星空按钮body{background-color:#212121;}.btn{margin-top:300px;display:flex;justify-content:center;align-items:center;width:10rem;overflow:hidden;height:3rem;background-size:300%300%;backdrop-filter:blur(1r
- 13.CSS学习(四)
Kylincsg
从零教你学Web前端css学习前端笔记经验分享css3其他
上一篇:12.CSS学习(三)CSS学习CSS3层次选择器属性选择器伪元素选择器权重值圆角阴影文本阴影盒子阴影背景background-size背景大小background-origin背景原点background-clip背景裁剪background-image背景图片滤镜几个透明度设置的区别动态计算函数渐变线性渐变径向渐变重复渐变css3变量倒影设置盒模型过渡定义过渡的属性定义过渡持续时间定义
- CSS3背景
LorenSLJ
CSS3background-size属性background-size属性规定背景图片的尺寸。在CSS3之前,背景图片的尺寸是由图片的实际尺寸决定的。在CSS3中,可以规定背景图片的尺寸,这就允许我们在不同的环境中重复使用背景图片。IE9+、Firefox4+、Opera、Chrome以及Safari5+支持background-size属性。div{background:url(img_flw
- 小程序自适应背景图,不同屏幕比例 如何做到不变形、不留空白
wx_caiji
1、fixed定位一个image标签,width:100vw;height:100vh;mode选择aspectFill2、background-size:cover1)是按照图片的比例放大或者缩小至充满容器,而不是按照容器的比例大小来缩放。2)如果照片的比例和容器的比例是不一致的,必定会导致照片的不完整性。
- jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque
qiaolevip
每天进步一点点学习永无止境跨域众观千象
XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
- mysql 分区查询优化
annan211
java分区优化mysql
分区查询优化
引入分区可以给查询带来一定的优势,但同时也会引入一些bug.
分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区,通过分区过滤可以让查询扫描更少的数据。
所以,对于访问分区表来说,很重要的一点是要在where 条件中带入分区,让优化器过滤掉无需访问的分区。
可以通过查看explain执行计划,是否携带 partitions
- MYSQL存储过程中使用游标
chicony
Mysql存储过程
DELIMITER $$
DROP PROCEDURE IF EXISTS getUserInfo $$
CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为:getUserInfo-- 参数为:date_day日期格式:2008-03-08-- BEGINdecla
- mysql 和 sqlite 区别
Array_06
sqlite
转载:
http://www.cnblogs.com/ygm900/p/3460663.html
mysql 和 sqlite 区别
SQLITE是单机数据库。功能简约,小型化,追求最大磁盘效率
MYSQL是完善的服务器数据库。功能全面,综合化,追求最大并发效率
MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装,例如网站访问量比较大的。而sq
- pinyin4j使用
oloz
pinyin4j
首先需要pinyin4j的jar包支持;jar包已上传至附件内
方法一:把汉字转换为拼音;例如:编程转换后则为biancheng
/**
* 将汉字转换为全拼
* @param src 你的需要转换的汉字
* @param isUPPERCASE 是否转换为大写的拼音; true:转换为大写;fal
- 微博发送私信
随意而生
微博
在前面文章中说了如和获取登陆时候所需要的cookie,现在只要拿到最后登陆所需要的cookie,然后抓包分析一下微博私信发送界面
http://weibo.com/message/history?uid=****&name=****
可以发现其发送提交的Post请求和其中的数据,
让后用程序模拟发送POST请求中的数据,带着cookie发送到私信的接入口,就可以实现发私信的功能了。
- jsp
香水浓
jsp
JSP初始化
容器载入JSP文件后,它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务,复写jspInit()方法就行了
JSP执行
这一阶段描述了JSP生命周期中一切与请求相关的交互行为,直到被销毁。
当JSP网页完成初始化后
- 在 Windows 上安装 SVN Subversion 服务端
AdyZhang
SVN
在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号
最佳阅读效果请访问原地址:http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx
现在的Subversion已经足够稳定,而且已经进入了它的黄金时段。我们看到大量的项目都在使
- android开发中如何使用 alertDialog从listView中删除数据?
aijuans
android
我现在使用listView展示了很多的配置信息,我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据,( ArrayAdapter ,ArrayList,listView 全部删除),我知道在 下面的onItemLongClick 方法中 参数 arg2 是选中的序号,但是我不知道如何继续处理下去 1 2 3
- jdk-6u26-linux-x64.bin 安装
baalwolf
linux
1.上传安装文件(jdk-6u26-linux-x64.bin)
2.修改权限
[root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin
3.执行安装文件
[root@localhost ~]# cd /usr/local
[root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
- MongoDB经典面试题集锦
BigBird2012
mongodb
1.什么是NoSQL数据库?NoSQL和RDBMS有什么区别?在哪些情况下使用和不使用NoSQL数据库?
NoSQL是非关系型数据库,NoSQL = Not Only SQL。
关系型数据库采用的结构化的数据,NoSQL采用的是键值对的方式存储数据。
在处理非结构化/半结构化的大数据时;在水平方向上进行扩展时;随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。
在考虑数据库的成熟
- JavaScript异步编程Promise模式的6个特性
bijian1013
JavaScriptPromise
Promise是一个非常有价值的构造器,能够帮助你避免使用镶套匿名方法,而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。
在我们开始正式介绍之前,我们想看看Javascript Promise的样子:
var p = new Promise(function(r
- [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager
bit1129
zookeeper
ClientWatchManager接口
//接口的唯一方法materialize用于确定那些Watcher需要被通知
//确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path
public interface ClientWatchManager {
/**
* Return a set of watchers that should
- 【Scala十五】Scala核心九:隐式转换之二
bit1129
scala
隐式转换存在的必要性,
在Java Swing中,按钮点击事件的处理,转换为Scala的的写法如下:
val button = new JButton
button.addActionListener(
new ActionListener {
def actionPerformed(event: ActionEvent) {
- Android JSON数据的解析与封装小Demo
ronin47
转自:http://www.open-open.com/lib/view/open1420529336406.html
package com.example.jsondemo;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
impor
- [设计]字体创意设计方法谈
brotherlamp
UIui自学ui视频ui教程ui资料
从古至今,文字在我们的生活中是必不可少的事物,我们不能想象没有文字的世界将会是怎样。在平面设计中,UI设计师在文字上所花的心思和功夫最多,因为文字能直观地表达UI设计师所的意念。在文字上的创造设计,直接反映出平面作品的主题。
如设计一幅戴尔笔记本电脑的广告海报,假设海报上没有出现“戴尔”两个文字,即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
- 单调队列-用一个长度为k的窗在整数数列上移动,求窗里面所包含的数的最大值
bylijinnan
java算法面试题
import java.util.LinkedList;
/*
单调队列 滑动窗口
单调队列是这样的一个队列:队列里面的元素是有序的,是递增或者递减
题目:给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k.
要求:f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1
问题的另一种描述就
- struts2处理一个form多个submit
chiangfai
struts2
web应用中,为完成不同工作,一个jsp的form标签可能有多个submit。如下代码:
<s:form action="submit" method="post" namespace="/my">
<s:textfield name="msg" label="叙述:">
- shell查找上个月,陷阱及野路子
chenchao051
shell
date -d "-1 month" +%F
以上这段代码,假如在2012/10/31执行,结果并不会出现你预计的9月份,而是会出现八月份,原因是10月份有31天,9月份30天,所以-1 month在10月份看来要减去31天,所以直接到了8月31日这天,这不靠谱。
野路子解决:假设当天日期大于15号
- mysql导出数据中文乱码问题
daizj
mysql中文乱码导数据
解决mysql导入导出数据乱码问题方法:
1、进入mysql,通过如下命令查看数据库编码方式:
mysql> show variables like 'character_set_%';
+--------------------------+----------------------------------------+
| Variable_name&nbs
- SAE部署Smarty出现:Uncaught exception 'SmartyException' with message 'unable to write
dcj3sjt126com
PHPsmartysae
对于SAE出现的问题:Uncaught exception 'SmartyException' with message 'unable to write file...。
官方给出了详细的FAQ:http://sae.sina.com.cn/?m=faqs&catId=11#show_213
解决方案为:
01
$path
- 《教父》系列台词
dcj3sjt126com
Your love is also your weak point.
你的所爱同时也是你的弱点。
If anything in this life is certain, if history has taught us anything, it is
that you can kill anyone.
不顾家的人永远不可能成为一个真正的男人。 &
- mongodb安装与使用
dyy_gusi
mongo
一.MongoDB安装和启动,widndows和linux基本相同
1.下载数据库,
linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz
2.解压文件,并且放置到合适的位置
tar -vxf mongodb-linux-x86_64-ubun
- Git排除目录
geeksun
git
在Git的版本控制中,可能有些文件是不需要加入控制的,那我们在提交代码时就需要忽略这些文件,下面讲讲应该怎么给Git配置一些忽略规则。
有三种方法可以忽略掉这些文件,这三种方法都能达到目的,只不过适用情景不一样。
1. 针对单一工程排除文件
这种方式会让这个工程的所有修改者在克隆代码的同时,也能克隆到过滤规则,而不用自己再写一份,这就能保证所有修改者应用的都是同一
- Ubuntu 创建开机自启动脚本的方法
hongtoushizi
ubuntu
转载自: http://rongjih.blog.163.com/blog/static/33574461201111504843245/
Ubuntu 创建开机自启动脚本的步骤如下:
1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。
2) 设置脚本文件的权限 $ sudo chmod 755
- 第八章 流量复制/AB测试/协程
jinnianshilongnian
nginxluacoroutine
流量复制
在实际开发中经常涉及到项目的升级,而该升级不能简单的上线就完事了,需要验证该升级是否兼容老的上线,因此可能需要并行运行两个项目一段时间进行数据比对和校验,待没问题后再进行上线。这其实就需要进行流量复制,把流量复制到其他服务器上,一种方式是使用如tcpcopy引流;另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
- 电商系统商品表设计
lkl
DROP TABLE IF EXISTS `category`; -- 类目表
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `category` (
`id` int(11) NOT NUL
- 修改phpMyAdmin导入SQL文件的大小限制
pda158
sqlmysql
用phpMyAdmin导入mysql数据库时,我的10M的
数据库不能导入,提示mysql数据库最大只能导入2M。
phpMyAdmin数据库导入出错: You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
- Tomcat性能调优方案
Sobfist
apachejvmtomcat应用服务器
一、操作系统调优
对于操作系统优化来说,是尽可能的增大可使用的内存容量、提高CPU的频率,保证文件系统的读写速率等。经过压力测试验证,在并发连接很多的情况下,CPU的处理能力越强,系统运行速度越快。。
【适用场景】 任何项目。
二、Java虚拟机调优
应该选择SUN的JVM,在满足项目需要的前提下,尽量选用版本较高的JVM,一般来说高版本产品在速度和效率上比低版本会有改进。
J
- SQLServer学习笔记
vipbooks
数据结构xml
1、create database school 创建数据库school
2、drop database school 删除数据库school
3、use school 连接到school数据库,使其成为当前数据库
4、create table class(classID int primary key identity not null)
创建一个名为class的表,其有一