BSstudy课后学习问答:day9~day11

提问:改变占位符颜色
在chrome中的css样式中输入 ::placeholder {color:red;}会将所以占位符颜色个更改为红色 但是如果只想改变两个占位符中的一个呢,试了:

<label><
	input id="myemail" type="email" placeholder="123@123.com" name="myemail">
	<input id="mypass" type="password" placeholder="Create your password" name="mypass">
	<input id="mysign" type="button" value="SIGN UP">
</label>
#myemail ::placeholder {color:red;}

但是不起作用
另对body设置margin=0;依旧有margin=8的空白
解决办法:对html {}或者用* {} 设置margin=0;即可

day9完成:
day9完成


day10完成:
day10完成
对webstorm设置 chrome浏览器每隔30ms实时更新


day11:
在这里插入图片描述


实现鼠标移动到图片上 显示photo-info的内容:

.photo {
	position:relative;
	overflow:hidden;
	width:350px;
	height:200px;
}
.photo-info {
	background-color:rgba(20,20,20,0.8);
 	position:absolute;
 	top:350px;
 	left:0;
 	width:350px;
 	height:200px;
 	transition:top 0.5s;

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值