CSS世界 - 随笔分类 - 噔噔噔噔噔噔噔

摘要：阅读全文

posted @ 2021-02-03 10:06 噔噔噔噔噔噔噔阅读(70) 评论(0) 推荐(0)

摘要：<button id="btn"></button> <label for="btn">按钮</label> button { position: absolute; clip: rect(0 0 0 0); } label { display: inline-block; line-height: 阅读全文

posted @ 2021-02-02 16:30 噔噔噔噔噔噔噔阅读(60) 评论(0) 推荐(0)

内联元素的Padding特性

摘要：重点：1、内联元素的垂直 padding 会让“幽灵空白节点”显现 2、内联元素默认的高度完全受 font-size 大小控制阅读全文

posted @ 2021-02-02 15:48 噔噔噔噔噔噔噔阅读(74) 评论(0) 推荐(0)

CSS世界--代码实践--内联元素垂直 padding 的妙用

摘要：通过设置padding，实现跳转到的页面与屏幕有一段间距： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-w 阅读全文

posted @ 2021-01-21 19:25 噔噔噔噔噔噔噔阅读(47) 评论(0) 推荐(0)

CSS世界--代码实践--图片alt信息呈现

摘要：使用缺省 src 的<img>元素实现滚屏加载效果，但是，就有可能存在这样一个体验问题：如果我们的 JavaScript 加载比较慢，我们的页面就很有可能出现一块一块白色的图片区域，纯白色的，没有任何信息，用户完全不知道这里的内容是什么。虽然 alt 属性可以提供描述信息，但由于视觉效果不好，被隐阅读全文

posted @ 2021-01-20 11:43 噔噔噔噔噔噔噔阅读(169) 评论(0) 推荐(0)

CSS世界--代码实践--最大宽度,iScroll平滑滚动

摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <m 阅读全文

posted @ 2021-01-15 14:16 噔噔噔噔噔噔噔阅读(79) 评论(0) 推荐(0)

display 内外盒子

摘要：display:inline-block display:block 应该脑补成 display:block-block， display:table 应该脑补成 display:block-table，我们平时的写法实际上是一种简写。 display:inline-table 阅读全文

posted @ 2021-01-15 11:36 噔噔噔噔噔噔噔阅读(52) 评论(0) 推荐(0)

CSS世界--代码实践--清除浮动

摘要：代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文

posted @ 2021-01-15 09:39 噔噔噔噔噔噔噔阅读(67) 评论(0) 推荐(0)

table 自己的世界

摘要：<table>有着自己的世界，“流”的特性对<table>并不适用，一些 CSS 属性的表现，如单元格的vertical-align，也和普通的元素不一样。阅读全文

posted @ 2021-01-14 18:01 噔噔噔噔噔噔噔阅读(79) 评论(0) 推荐(0)

噔噔噔噔噔噔噔

随笔分类 - CSS世界

公告