随笔分类 - CSS
CSS相关知识和技术
摘要:1、首先选择利用表格来呈现html结构 <!-- html代码 --> <table border="1px solid"> <thead> <tr> <th>姓名</th> <th>电话号码</th> </tr> </thead> <tbody> <tr> <td align="center">张
阅读全文
摘要:1、display:none 当将一个元素的display属性设置为none时,该元素将不会显示在网页中,并且不会占据任何空间。也就是说,该元素会完全隐藏,其他的元素会立即占据它原来的位置。该属性适用于需要完全隐藏某个元素的场景。 // html代码:完全隐藏子元素 <div class="fath
阅读全文
摘要:1、浮动的概念 在CSS中,浮动(float)是一种布局技术,用于控制元素在页面中的位置。通过将元素浮动到其容器的左侧或右侧,可以使其他元素环绕它。 常见的用法: 选择器 { float: left; //左浮动 } 选择器 { float: right; //右浮动 } 2、浮动的特点 (1)浮动
阅读全文
摘要:1、flex布局 <div class="box"> <div class="mask"> <!-- 内容 --> </div> </div> /* css样式 */ .box { display: flex; justify-content: center; align-items: center
阅读全文