CSS
想睡觉的秃鹫
是个编程初学者,平时会敲一下书本上的内容
展开
-
CSS-清除浮动(闭合浮动)
一、为什么要清除浮动父级没高度 子盒子浮动了 影响下面布局了二、清除浮动的方法1、额外标签法在浮动元素末尾添加一个空标签,例如: <div style="clear: both;"></div>,或者其他标签,如<br/>等,添加盒子要求必须是块级元素优点:通俗易懂,书写方便缺点:添加许多无意义的标签,结构化较差2、父级元素添加overflow:hidden、auto、scroll优点:代码简洁缺点:无法显示溢出部分3、给父级添加原创 2022-04-21 07:44:19 · 100 阅读 · 0 评论 -
CSS-浮动(float)
设置浮动的元素重要特性:一、1、脱离标准普通流的控制移动到指定位置,(俗称脱标)2、浮动·的盒子不在保留原先的位置代码段及效果如下:HTML:<div class="left">左青龙</div><div class="right">右白虎</div>CSS: .left { float: right; width: 200px; he.原创 2022-04-20 15:50:08 · 114 阅读 · 0 评论 -
CSS-盒子模型
把HTML页面中的布局元素看作是一个矩形盒子,也就是一个盛装内容的容器。CSS盒子模型本质一个盒子,封装周围的HTML元素,它包括:边框(border)、外边距(margin)、内边距(padding)、实际内容(content)1.1 边框:边框粗细、样式、颜色border:border-width || border-style || border-color简写:border:1px solid red;无顺序属性 作用bor border-width 定义边框粗细原创 2022-04-17 13:10:47 · 131 阅读 · 0 评论