web作业小结
1,添加背景图片时,背景图片无法完全显现(只显示图片的局部) 利用background-size解决; background: url(gray-tunnel-207153.jpg) no-repeat ; background-size: 100% 100%;//可使图片完全显现 no-repeat设置图片形式不重叠,当图片宽度不大时,若不设置no-repeat有可能相当于两张相同图片并列显示。 2.插入背景图片,图片随所在块的文本宽度改变而改变 为此块定义指定的 width height; .header{ width:360px; height:300px; background: url(mm.jpg); background-size: 100% 100%; margin-top: 100px; } 3去除链接的下划线 text-deceration:none; 4.将图片设置成圆形 设置borderr-radius的百分比。要得到圆形,需图片为正方形,若图片为长方形得到的会使之变成椭圆。 5.利用@media实现pc端和手机端两套视口的变化 写两套css,一套针对手机端,另一套针对pc端,用media进行选择·。 @media only screen and (max-width:768px){} @media only screen and (min