首先，打开html编辑器，新建html文件，例如：index.html。
创新互联从2013年创立，先为惠东等服务建站，惠东等地企业，进行企业商务咨询服务。为惠东企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
可以通过cover和contain来对图片进行伸缩。
在css设置可改变大小的div滚动条样式方法： 首先新建html文档，进入代码书写界面。 在/head和body的里面写入代码，在div里面写入想要输入的内容/div。 书写外层轨道css代码。
你可以设计背景这样：你用：background：url这个链接把图片导进来，然后在后面写宽width：高height：这样图片就会按你想要的大小来缩放啦。
在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。
]通过标签设置浮动排列。①使用方法：在css样式中加入float：left；属性。②常见问题：当网页页面有调整时导航同时改变，排版变混乱。③解决方法：⑴在笔者接触的网站学习中比较常见方法有对li标签进行绝对定位，然后调节left大小。
要实现上图所示的布局效果，有两种布局方法：语义布局和视觉布局使用CSS3制作导航条和毛玻璃效果 导航条对于每一个Web前端攻城狮来说并不陌生，但是毛玻璃可能会相对陌生一些。
悬浮墙由两个关键的组件交互：头滑块：当用户停留超过1个frame的时候。一个动画效果转到了一个独特的背景，具体是到特定链接标题壁纸的位置。当头部的壁纸完全呈现时，显现出一些特殊的文字，例如标题或网站的标语。
1、首先，创建两个div，如下图所示，然后进入下一步。其次，完成上述步骤后，需要给其Class属性，如下图所示，然后进入下一步。
2、首先需要做的就是创建两个div。创建了div后，需要分别给它们Class属性。接下来，使用css，通过Class属性给它们设置样式。需要给于它们一个宽度与高度，为了便于观察，可以给它们一个边框。
3、如果是“日”字这种上下分布的话，就可以通过 position： relative；或 position： absolute； 来定位。
4、可以用css定位把一个div放到另一个div右下角。
5、用绝对定位与相对定位，position：absolute和position：relative，将外围div设为position：relative，然后将内层div设为position：absolute，并同时设置内层div的样式bottom：0；right：0。这样都到了外层div的右下角了。
6、div2设置为position：absolute，此时的div2就相对于div1进行基准定位了。。因为绝对定位position：absolute，不在标准流中，所以内联元素不知到他的位置，会跑到他的下面去。。