文字与图片
如果要要将字移动到图片的上方，这里就需要定位一下，设置div为父级，为相对定位；设置h1为绝对定位：
div{position:relative;}
h1{font-size:16px;color:red;position:absolute;top:20px;left:10px;}
如果要使文字竖直放置：使用
，或者设置div的宽度刚好为文字的宽度
标题h系列：
h1 {
display: block;
margin: 0;
font-size: 13px;
font-weight: 500;
}
div浮动
float:right
div透明
css设置div背景透明有两种方法：第一种使用opacity：0~1，这个方法有个缺点，就是内容也会跟着透明；第二种方法就是background-color:rgba(0,0,0,0~1)，使用这个方法就只会设置div背景透明，而不会影响到div里的内容。
body {background-position: center;//背景居中
background-repeat: no-repeat;//无重复
background-attachment: fixed;//固定不动}
background-size:cover
DIV文字居中的方法
DIV文字
设置DIV样式
.font_div{
background-color: red;
height: 100px;
width: 60px;
text-align:center; /* 水平居中 */
line-height: 100px; /* 垂直剧终 */
将footer固定在页面底部的实现方法
CSS背景属性
background-color
background-image
background-repeat 设置背景图像是否及如何重复
background-attachment 背景图像是否固定或者随着页面的其余部分滚动
background-position 设置背景图像的起始位置
border
边框属性
让css背景图片占满全部背景，并且随着浏览器缩放图片保持长宽不变
.body{
background-image: url('${basepath}/resource/images/loginb1.jpeg');
background-size: 100%;
background-repeat:no-repeat;
}
html+css实现鼠标移过，底部添加阴影
只要你给外层盒子添加这个样式就好了.t-hover-shadow：
.t-hover-shadow {
transition: transform .3s ease-in-out, box-shadow .3s cubic-bezier(.47, 0, .745, .715), border .3s linear .1s;
}
.t-hover-shadow:hover {
box-shadow: 0 10px 50px rgba(51, 51, 51, .25);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px)
}
使页面随着浏览器的放大，固定在中间，但元素不改变位置
以我的理解，加个套就行了
比如在最外层加一个div，div的宽度要自行设定，不然缩放时就会很不好看
#bg{
width: 1345px;
margin: 0 auto;
height: 3200px;
background-color: #F5F5F9;
}
另外，绝对大小和相对大小要注意一下
CSS系列：CSS文字样式
1. 设置字体 在CSS中字体通过font-family属性来设置. font-family: Verdana, Arial, Helvetica, sans-serif; 上面的字体设置告诉浏览器首 ...
CSS文字样式
font-family:通常文章的正文使用的是易读性较强的serif字体,用户长时间阅读下不easy疲劳.而标题和表格则採用较醒目的sans-serif字体.Web设计及浏览器设置中也推荐遵循此原则. ...
css 文字样式
Gradient 3D text 代码区域 /*css */ body { background-color: #272727; } h1 { font-family: "Arial&quo ...
CSS实现文字竖排 DIV CSS文字垂直竖列排版显示如何实现？
DIV CSS实现文字竖排排版显示兼容各大浏览器,让文字垂直竖列排版布局. 有时我们需要一段文字进行从上到下竖列排版,我们知道CSS样式中有一样式可以让其竖列排版,但所有浏览器不全兼容,逼不得已放弃. ...
CSS之常见文字样式整理
常见文字样式 行高:line-height,当我i们将行高的大小设置成当前元素的高度时,可以实现当行文本在当前元素中垂直方向居中显示的效果 水平对齐方式:text-align:left|center| ...
css文字与文本相关样式
css文字属性定义文本的字体系列,大小,加粗,风格和变形 font-family 设置字体系列 font-size 设置字体的尺寸 font-style ...
<;转载>;使CSS文字图片div元素居中方法之水平居中的几个方法
文字居中,文字垂直居中水平居中,图片居中,图片水平居中垂直居中,块元素垂直居中?当我们在做前端开发是时候关于css居中的问题是很常见的.情 况有很多种,不同的情况又有不同的解决方式.水平居中的方式解决 ...
CSS/Compass修改placeholder的文字样式
在HTML5中,与标签支持placeholder属性,用来定义无任何输入时的默认文字. 可以通过CSS修改placeholder的文字样式: ...
文字添加响应事件，js动态加载CSS, js弹出DIV
文字添加响应事件,js动态加载CSS, js弹出DIV qu ...
随机推荐
ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项
引言: 本人想自己个博客网站出来,技术路线是用ASN.NET MVC5+EF6(Code First)+ZUI+各种Jquery插件,有了这个想法之后就开始选择UI,看了好多bootstrap的模板之 ...
Python之路： 面向对象
Python是一门面向对象的语言,所以在Python中创建一个类和对象是很容易的.接下来了解一下面像对象的一些基本特征. 面向对象技术简介 类(class):描述具有相同的属性和方法的对象的集合.定义 ...
成为一名合格的ERP实施顾问应该具备哪些修为
要想成为一个合格ERP实施顾问,究竟需要点什么素质.请注意,这里的素质与技能是两码事,素质特别强调的是某种修养,技能可以速成,修养必须积累沉淀. 快速切入客户业务的能力 作为一个合格的ERP实施人员, ...
Finally-操作返回值
Finally中操作返回会出现一个问题?直接看代码 static int M1() { ; try { result = result + ; //======引发异常的代码========== , ...
Vulnerability Scanning
1.Vulnerability scanning with Nmap Scripting Engine the Nmap Script Engine provide a alrge number of ...
Java Spring 在线程中或其他位置获取 ApplicationContext 或 ServiceBean
部分一转载自:http://blog.csdn.net/yang123111/article/details/32099329 via @yang123111 部分二转载自:http://www.cn ...
oracle异机恢复 open resetlogs 报：ORA-00392
参考文档:ALTER DATABASE OPEN RESETLOGS fails with ORA-00392 (Doc ID 1352133.1) 打开一个克隆数据库报以下错误: SQL> a ...
Redis学习第六课：Redis ZSet类型及操作
Sorted set是set的一个升级版本,它在set的基础上增加了一个顺序属性,这一属性在添加修改元素时候可以指定,每次指定后,zset会自动重新按新的值调整顺序.可以理解为有两列字段的数据表,一列 ...
Kaggle网站流量预测任务第一名解决方案：从模型到代码详解时序预测
Kaggle网站流量预测任务第一名解决方案:从模型到代码详解时序预测 2017年12月13日 17:39:11 机器之心V 阅读数:5931 近日,Artur Suilin 等人发布了 Kaggl ...
JAVAEE——ssm综合练习：CRM系统(包含ssm整合)
1 CRM项目外观 1. 开发环境 IDE: Eclipse Mars2 Jdk: 1.7 数据库: MySQL 2. 创建数据库 数据库sql文件位置如下图: 创建crm数据库,执行sql 效果 ...
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
