王永苗-2020-10-30

页面布局:
页眉是不动的主要是文字,hander-left,hand-right,页眉的左边右边。这里的绿框文字使其拥有块级标签属性,用display:inline-block,即可拥有块级标签属性,需自定义大小。这里的字是白字,而原本的字体是黑色,用important来提升字体的显示的优先级,改变字体颜色。text-oligan:line high 调节字体高度
导航栏:需要跟随滚动。需要使用粘性定位-position-sticky,考虑到顶部导航栏碰到页眉是要停下,用top;0px
导航栏加边框 boder-top,bottom。
网页主内容:搜索栏和广告
搜索栏:分文本输入框,点击框和相机部分
文本输入框需要改变外边框的圆滑程度,使其变成圆角.点击框需要用到鼠标变手和标签属性。这里还有margin:0,auto。相机内容有提示性文字和变色转图。提示性文字(title),即用鼠标放在上面时自动弹出。悬停变色:伪类选择器设置。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1