随笔分类 -  CSS

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

点击右上角即可分享
微信分享提示