![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
ABU_MOlI_ITUI
这个作者很懒,什么都没留下…
展开
-
css2.1--笔记6(margin叠加、清除浮动)
解决margin叠加<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #up,#down{ width:200px; height: 200px; backg原创 2020-08-25 17:10:42 · 193 阅读 · 0 评论 -
css2.1--笔记5(黏连布局和BFC、BFC的练习俩列布局---商品列)
粘连布局:又称作:stickyFooter,经典的“粘连”footer布局:我们有一块内容<main>,当<main>的高度足够长的时候,紧跟在<main>后面的元素<footer>会跟在<main>元素的后面。当<main>元素比较短的时候,(比如小于屏幕的高度,我们期望这个<footer>元素能够“粘连”在屏幕的底部)<!DOCTYPE html><html> <head&原创 2020-08-17 17:24:13 · 146 阅读 · 0 评论 -
css2.1--笔记4(fix失效+总结)
解决ie6底下fixed失效问题:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>fixed</title> <style type="text/css"> *{ margin: 0; padding: 0; } #test{ position: fixed; width: 100px原创 2020-08-12 16:58:32 · 252 阅读 · 0 评论 -
css2.1--笔记3(等高布局、双飞翼布局)
等高布局:当有定位元素(position),和浮动元素(float)时,margin:0 auto会失效。如果是标准的块级元素,margin:0 auto正常使用。如果写样式,最好是用class的方式引用,id的方式最好是最外层的盒子使用。也就是说只有最外层的盒子使用id方式,内部全部用class的方式。清除浮动(clearfix):让子元素可以撑开父元素的高度。可以使用 :after伪元素 清除浮动,给浮动元素的容器添加一个clearfix的class,然后给这个class添加一个:...原创 2020-08-06 11:52:37 · 5213 阅读 · 0 评论 -
css2.1--笔记2(圣杯布局和扩展网站)
圣杯布局:margin-left、margin-right、margin-top、margin-bottom只改变元素边界,不动元素位置。移动位置:红色为正,蓝色为负总结:圣杯布局使用到了浮动、定位进行布局首先使用浮动:搭建完整布局框架,margin为赋值,调整旁边俩列的位置,使得三列布局在一行上。使用相对定位调整旁边俩列的位置,使得俩列在在俩头<!DOCTYPE html><html> <head> <meta chars原创 2020-08-06 08:52:35 · 5217 阅读 · 0 评论 -
css2.1--笔记1(定位、浮动、三列布局)
定位:浮动元素的包含块为离他最近的块级祖先元素。“根元素”的包含块也被称作初始包含块,在HTML里根元素就是html元素,当然大多数初始包含块是一个视窗大小的矩形,但是初始包含块不是视窗大小。 对于非根元素,如果其position值是relative或static,包含块则由最近的块级包含,也就是用div包含。 对于非根元素,如果其position值是absolute,包含块设置为position值不是static的祖先元素。 ----如果祖先元素是块级元素,包含块则设置成该元素的内边距边界,原创 2020-07-27 17:32:53 · 5435 阅读 · 0 评论