作业描述:
1、 整理 CSS 部分已学知识点,整理布局步骤。
2、 仿照电脑端百度登录框制作一个登录界面
css知识点:
1.什么是css:
css(层叠样式表)就是用来美化网页的工具
2.css的三种方式:
嵌入 引入 内联
3.css所学属性:
定位 position:absolute,fixed, relative,
背景:background:url("")
字体:font-size ,font-family,font-weight,font-color
图片:img src="URL",图片的高宽,
布局:div ,margin,padding,float,
其他:水平线hr ,换行br,等等其他
布局的操作步骤:
注意事项:正确使用盒模型,合理布局,精确使用px
1.首先规划一下大致要放什么内容,然后根据内容进行合理的分区域,
2.利用div,p,br等标签按照内容顺序的摆好,如果顺序不好的话,用css进行控制比较麻烦.
3.用css对标签进行美化,比如设置字体什么的.精确是计算px,一个好的布局对px掌握是要求非常精准,不能多一点.
拓展:适当的使用hover,有更好的效果,如果不要超级链接的下划线可以text-decoration:none去掉,这也是我看了参考手册才学到的呢!
仿百度登录框:
因为电脑还没有搞好,所以不能做出来了,晕晕晕.