401 experience
AM:
块元素与内联元素 :
div与span的区别 span只能设置水平的margin(左右内外边距)
在span里面加 display:block; 内联转块(相当于给span加了上下的边距)反之
/*将块元素转换成内联元素*/
display: inline;
/*将元素隐藏起来*/
display: none;
/*将内联元素转换成块元素*/
display: block;
PM
1.相对定位:相对与元素自己本身来移动定位
2. 绝对定位:距离父类(有position样式的父类)...要是没有找到父类,就有默认的body来代替
备注;
/*z-index:值后面不要加像素 想让哪个在前面就把哪个的值设大*/
3.fixed定位相对于浏览器窗口定位 position:fixed;
/* fixed 定位:对于浏览器窗口 */
position: fixed;
left: 20px;top: 50px;
360导航狗:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>360导航狗</title>
<style>
#da{
width:68px;
height: 280px;
position: fixed;
right: 50px;
top:280px;
background: whitesmoke;
}
#a1{
width: 74px;
height: 82px;
position: absolute;
position: fixed;
right:50px;
top:200px;
background-image:url(img/a1.png);
} .st{
float: right;
position: relative;
bottom: 30px;
margin-right: 10px;
}
.zt{
text-decoration: none;
color: gray;
font-size: 7px;
}
.zt:hover{
color: greenyellow;
} #db{
width:50px;
height: 280px;
position: fixed;
right: 60px;
bottom:70px;
}
#db1{
color: gray;
text-decoration: none;
font-size: 10px;
}
#db1:hover{
color: greenyellow;
}
</style>
</head>
<body> <div id="da">
<div> <div><img src="img/a2.png" width="31px"></div>
<div class="st"><a href="#" class="zt">娱乐</a></div>
</div><br>
<div>
<div><img src="img/a3.png" width="31px"></div>
<div class="st"><a href="#" class="zt">看片</a></div>
</div><br>
<div>
<div><img src="img/a4.png" width="31px"></div>
<div class="st"><a href="#" class="zt">购物</a></div>
</div><br>
<div>
<div><img src="img/a5.png" width="31px"></div>
<div class="st"><a href="#" class="zt">游戏</a></div>
</div><br>
<div>
<div><img src="img/a6.png" width="31px"></div>
<div class="st"><a href="#" class="zt">生活</a></div>
</div><br>
<div>
<div><img src="img/a7.png" width="31px"></div>
<div class="st"><a href="#" class="zt">借钱</a></div>
</div>
</div>
<div>
<div id="db"><a href="#" id="db1">回顶部</a></div>
</div>
<div id="a1"></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
163邮箱登录框
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>163邮箱登录框</title>
<style>
#d{
width: 340px;
height: 45px;
background-color:white;
border: 1px solid #666666;}
#d1{
width: 38px;
height: 45px;
background-color: white;
float: left;
background-image: url( a.png);
background-position:-242px 424px;
}
#d2{
width: 202px;
height: 44px;
background-color:white;
float: left;
}
#d3{
width: 100px;
height: 35px;
background-color:white;
float: left;
padding-top:10px;
}
#d4{
display:inline;
font-size: 15px;
padding:17px;
}
#d5{
border: 0px;
height: 43px;
text-indent: 30px;
}
input{
width: 202px;
height: 39px;
font-size: 15px;
}
#d6{
width: 340px;
height: 45px;
background-color:white;
border: 1px solid #666666;
}
#d7{
width: 38px;
height: 45px;
background-color: white;
float: left;
background-image: url( a.png);
background-position:-284px 424px;
}
#d8{
border: 0px;
text-indent: 30px;
height: 43px;
width: 250px;
}
</style>
</head>
<body>
<div id="d">
<div id="d1"></div>
<div id="d2">
<input id="d5" type="text" name="user" placeholder="邮箱账号或手机号码">
</div>
<div id="d3"><span id="d4">@163.com</span></div>
</div>
<br>
<div id="d6">
<div id="d7"></div>
<input id="d8" type="text" placeholder="输入密码">
</div>
</body>
</html>
401 experience的更多相关文章
- IIS启动失败,启动Windows Process Activation Service时,出现错误13:数据无效 ;HTTP 错误 401.2 - Unauthorized 由于身份验证头无效,您无权查看此页
因为修改过管理员账号的密码后重启服务器导致IIS无法启动,出现已下异常 1.解决:"启动Windows Process Activation Service时,出现错误13:数据无效&quo ...
- Pramp - mock interview experience
Pramp - mock interview experience February 23, 2016 Read the article today from hackerRank blog on ...
- git clone出现的error: The requested URL returned error: 401 Unauthorized
error: The requested URL returned error: 401 Unauthorized while accessing https://git.oschina.net/.. ...
- 允许asp.net MVC报 错说明: 访问服务此请求所需的资源时出错。服务器可能未配置为访问所请求的 URL。错误消息 401.2。: 未经授权
运行mvc3程序报以下错误 详细报错如下: “/”应用程序中的服务器错误. 访问被拒绝. 说明: 访问服务此请求所需的资源时出错.服务器可能未配置为访问所请求的 URL. 错误消息 401.2.: 未 ...
- 19.在HTTP 1.0中,状态码401的含义是(?);如果返回“找不到文件”的提示,则可用 header 函数,其语句为(?)写出http常见的状态码和含义,至少5个.[完善题目]
状态401代表未被授权,header("Location:www.xxx.php"); 100-199 用于指定客户端应相应的某些动作. 200-299 用于表示请求成功. 300 ...
- "错误消息 401.2。: 未经授权: 服务器配置导致登录失败。"的解决办法
[详细报错如下]: “/”应用程序中的服务器错误. 访问被拒绝. 说明: 访问服务此请求所需的资源时出错.服务器可能未配置为访问所请求的 URL. 错误消息 401.2.: 未经授权: 服务器配置导致 ...
- Enhanced Mitigation Experience Toolkit 软件安全性强化工具
Enhanced Mitigation Experience Toolkit软件是微软为应对互联网中层出不穷的漏洞而推出的一款安全工具,可以在Window Update未获取到补丁前,对系统进行保护. ...
- 新版本eclipse Neon 4.6.1,登录git报401 没有权限
新版本eclipse Neon 4.6.1,登录git报401 没有权限 经过查找原因竟然是新的eclipse需要进行update.比较坑,新版eclipse竟然需要先更新一下才能用! eclipse ...
- 401 Not Authorized For MSDEPLOY (msdeployAgentService)
When you get this error from msdeploy:“Error: The remote server returned an error: (401) Unauthorize ...
随机推荐
- Oracle 执行计划(二)------表访问的几种方式
表访问的几种方式:(非全部) 参照表 primary key is id 1.TABLE ACCESS FULL(全表扫描):查询出该表所有数据,获取的数据执行where语句. Don’t creat ...
- Linux内核入门到放弃-网络-《深入Linux内核架构》笔记
网络命名空间 struct net { atomic_t count; /* To decided when the network * namespace should be freed. */ a ...
- FineUIPro v5.1.0 发布了!
FineUIPro v5.1.0 已发布,这已经是自 2014 年以来的第 31 个版本,4 年来精雕细琢,只为你来! 上个大版本新增了响应式布局,而这个版本主要是BUG修正,此外还增加了树控件的级联 ...
- PS图片后期之超简易造光调色方法
技法是死的,而人是活的,说的简单一点就是我们要学会开拓一下思维,调色的方法并不是只有[可选颜色]而已. 在修片之前,我们先要学会分析,在拍摄这一组照片时我希望有一种夕阳的光穿透晒在脸庞的感觉,而左边的 ...
- vue.js实战——购物车练习(包含全选功能)
vue.js实战第5章 54页的练习1 直接放代码好了,全选的部分搞了好久,代码好像有点啰嗦,好在实现功能了(*^▽^*) HTML: <!DOCTYPE html> <html l ...
- form表单中新增button按钮,点击按钮表单会进行提交
原生button控件,在非ie浏览器下,如果不指定type,默认为submit类型.如果不想自动提交表单,指定type=“button”
- [SimplePlayer] 8. 音视频同步
音频与视频在播放当中可能会由于种种原因(如:音视频并非在同一时间开始播放,或视频由于解码任务繁重导致输出图像延迟等)导致音频与视频的播放时间出现偏差,这种就是音视频的同步问题,本文会对音视频同步进行讨 ...
- [ffmpeg] 音频样本
不仅限于ffmpeg,音频采样所得的PCM都含有三个要素:声道(channel).采样率(sample rate).样本格式(sample format). 声道 当人听到声音时,能对声源进行定位,那 ...
- springboot连接数据库报错testWhileIdle is true, validationQuery not set
问题描述: 使用springboot连接数据库,启动的时候报错:testWhileIdle is true, validationQuery not set.但是不影响系统使用,数据库等一切访问正常. ...
- css经常使用的六种文本样式
css当中经常使用的六种文本样式 css 文本样式是相对于内容进行的样式修饰,下面来说下几种常见的文本样式. 首行缩进 首行缩进是将段落的第一行缩进,这是常用的文本格式化效果.一般地,中文写作时开头空 ...