国庆作业感想
国庆作业好难,不过好在有谷歌这种好东西。有的时候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)