1.解决背景不能延伸的问题
| 代码如下 | 复制代码 |
上面的问题,背景的自适应高度并不继承float的高度,解决办法:
在所有float下方加上
| 代码如下 | 复制代码 |
| body{ margin:0;padding:0;text-align:center;} #container{width:760px;margin:0 auto;text-align:left;position:relative;} |
|
说明:body把margin与padding设置为0,这样就把body内容与浏览器边缘亲密接触。然后text-align:center 把body的内容全部居中,这样就包括了#container也一起居中了。container的margin中的第一个0是上下、第二个auto是左右。上下为0左右让其自控。再加上定位为相对,只有定位为相对的元素才可以有位置移动!
3.用CSS制作鼠标经过图像
用DW(Dreamweav)中的“鼠标经过图像”当网速不太快的时候,鼠标经过后的图片还没有下载下来,看到白图的现象,看上去很不美观。事实上用CSS就可以解决这个问题,并且非常的简单,下载快,不会出现鼠标经过后的图片还没有下载下来这种情况。
4.结构中id与class的使用原则与技巧
ID与CLASS的使用原则
据说W3C对于ID与CLASS的设定是ID具有唯一性,CLASS具有普遍性。ID需要具有唯一性,并且尽量在外围使用。而CLASS具有可重复性,并且尽量在结构内部使用。
ID与CLASS的使用技巧
A.子级的命名的包含父命名中的部分为开头。这样方便在编写CSS时明确层次关系。
B.CLASS中的子级最好不用ID。当然特殊情况特殊对待。
C.CLASS的命名最好命名用大小写合用。例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头。
罚罪1+2全80集阿里云盘全集资源链接-罚罪1+2全集高清1080P/4K阿里云盘资源下载无删减
邵氏精品禁品未删减资源在线看-必看的50部邵氏电影无删减观看入口
羞羞漫画高清最新资源-正规平台免费入口与无删减资源导航
日漫入口-官方认证安全入口与无删减日漫资源直达导航
一拳超人漫画入口-2026最新免费高清全集在线看
杨紫《生命树》1080p全40集迅雷磁力链接分享-杨紫《生命树》40集高清完整版迅雷云盘下载1080P(4k)资源