国庆作业感想

国庆作业感想

国庆作业好难,不过好在有谷歌这种好东西。有的时候w3school里找不到的各种神奇操作就可以在谷歌里搜,还可以顺带找到更多高端操作。就比如表单方框的圆角处理,刚开始我没在w3school上找到有,就去谷歌找了,才发现是border-radius控制的,还顺带发现了如何去除有焦点时的外边框和增加阴影样式。以下就是我写的代码:

input, textarea{
border-radius: 3px;
outline: none;
border: 1px solid blue;
box-shadow: 0 0 1px 1px #9ec0f7;
border-color: #9ec0f7;
text-indent: 2px;
width: 270px;
margin: 3px;
 }

outline:none;就是使方框有焦点时,原来没圆角的外边框消失;
box-shadow就是方框的阴影,0 0 1px 1px就是方框四边阴影的大小,后面的#9ec0f7代表颜色;
若是带圆角后点击方框时,光标在边框上的话,可写代码text-indent使光标缩进。

现在对CSS的选择器不太了解怎么使用,就比如说上面的input,textarea{},若我的按钮也是用的input元素,则会导致按钮也是上面那个样式,那该如何处理?是写一个id选择器,让应用于按钮的input吗?感觉有些繁琐。。。

学习html和CSS感觉都挺有趣的,特别是达到作业标准时的满足感,简直开心死个人。现在有搜一些看上去好牛逼的网站,看它的源代码,发现。。。根本看不懂,所以我会好好学习前端知识,争取让这方面的技能有吹牛逼的资本。(hhh)

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值