摘要: 一,高度塌陷 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2020-04-16 19:12 全情海洋 阅读(723) 评论(0) 推荐(0) 编辑
摘要: HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换: (1)display:inline;转换为行内元素 (2)display:block;转换为块状元素 (3)display:inline-bloc 阅读全文
posted @ 2020-04-16 15:23 全情海洋 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 众所周知,less是一门css预处理语言,其他的类似还有scss、Stylus 等,和js相似度比较高的就是less了。话不多说,我们来看less的使用。 Node.js 环境中使用 Less : npm install -g less > lessc styles.less styles.css 阅读全文
posted @ 2020-04-16 11:33 全情海洋 阅读(523) 评论(0) 推荐(0) 编辑
摘要: 一,用flex的副轴来垂直居中对齐 1.副轴(由上到下)设置居中对齐(align-items: center;)即可 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</t 阅读全文
posted @ 2020-04-16 11:07 全情海洋 阅读(8072) 评论(0) 推荐(0) 编辑