我是小白呀的博客

浮动概念浮动的元素脱标浮动的元素互相贴靠浮动的元素有 "字围" 效果概念浮动是 css 里面布局的最多的属性..box1 { float: left; width: 300px; height: 400px; background-color: yellowgreen;}.box2 { float: left; width: 400px; height: 400px;

标准文档流概述块级元素和行内元素块级元素和行内元素的相互转换概述宏观的讲, 我们的 web 页面和 photoshop 等设计软件有本质的区别. web 页面的制作, 是个 “流”, 必须从上而下, 像 “织毛衣”. 而设计软件, 想往哪里画个东西, 都能画.我们要看看标准流有哪些微观现象:空白折叠现象: 如果我们想让 img 标签之间没有空隙, 必须紧密连接高矮不齐, 底边对其自动换行, 一行写不满, 换行写块级元素和行内元素学习的初期, 你就要知道, 标准文档流等级森严. 标签分为两

边框 border概述边框显示综合属性: border三要素按方向练习概述边框有三个要素: 粗细, 线型, 颜色.border: 1px dashed red;所有的线型:边框显示不同浏览器边框显示可能有差异. 比如, “border: 10px ridge red;” 在 chrome 和 firefox, IE 中有细微差别:如果公司里面的设计师, 追求极高的页面还原度, 那么不能使用 css 来制作边框, 而要用到图片来显示边框. 比较稳定的就几个: solid, dashed,

盒模型盒子中的区域认识 width 和 height三级目录盒子中的区域一个盒子中主要的属性 5 个: width, height, padding, border, margin.width (宽度): CSS 中 width 指的是内容的宽度, 而不是盒子的宽度height (高度): CSS 中 height 指的是内容的高度, 而不是盒子的高度padding (内边距)broder (边框)margin (外边距)盒模型的示意图:代码演示:认识 width 和 height

权重问题深入同标签多类名冲突!important 标记正确写法注意事项第一点第二点第三点权重计算的总结同标签多类名冲突<p class="spec1 spec2">我是什么颜色?</p><p class="spec2 spec1">我是什么颜色?</p>样式和在标签中该类名的顺序无关, 只和 css 的顺序有关:<style type="text/css"> .spec1 { color: blu