训练营第六天作业

作业描述:

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去掉,这也是我看了参考手册才学到的呢!

仿百度登录框:

因为电脑还没有搞好,所以不能做出来了,晕晕晕.