每日一题
文章平均质量分 72
AngleCavalier
我肯定在几百年前就说过爱你
展开
-
【每日一题】一个div块,设置其为两个效果,一个为渐隐效果,一个为点击空白处显示和隐藏
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>div渐隐渐现</title> </head> <style> #t.原创 2021-03-07 00:15:51 · 169 阅读 · 0 评论 -
【每日亿题】HTML&CSS面试题
HTML1.如何理解HTML语义化?让人更容易读懂(增强代码可读性)让搜索引擎更容易读懂(SE0)2.块状元素和内联元素,空元素?块元素(block element)< div > - 最常用块级元素< h1 >,< h2 >,< h3 >,< h4 >,< h5 >,< h6 > - 标题级别 1-6< table > - 表格< ul > - 无序列表< ol &g原创 2021-01-31 22:00:18 · 192 阅读 · 0 评论 -
【每日一题】实现一个圣杯布局(及其引发的Flex布局新认识)
引言昨日看牛客面经,看到一个面试题:实现一个圣杯布局,也正好是我刚看了阮老师Flex布局教程中有对圣杯布局的描述,我当时并没有实现,所有借此机会实现圣杯布局,并且过程中也引起我对 flex: 1 的一些探索圣杯布局圣杯布局(Holy Grail Layout)指的是一种最常见的网站布局。页面从上到下,分成三个部分:头部(header),躯干(body),尾部(footer)。其中躯干又水平分成三栏,从左到右为:导航、主栏、副栏。弹性盒模型实现我是按照阮老师的示例,采用Flex布局实现,大原创 2021-01-22 18:32:57 · 362 阅读 · 0 评论 -
【每日一题】[‘1‘, ‘2‘, ‘3‘].map(parseInt) what & why ?
关于JS的映射你所要知道的一二三.map()方法var numbers = [1, 4, 9];var roots = numbers.map(Math.sqrt);// roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9]map()方法可以传入一个函数作为参数,例如下面的例子:var numbers = [1, 4, 9];var doubles = numbers.map(function(num) { return num * 2;});// dou原创 2021-01-13 23:55:17 · 180 阅读 · 0 评论 -
【每日一题】关于元素的水平居中、垂直居中和水平垂直居中
怎么让一个 div 水平垂直居中?例如有一个父子div如下: <div class="parent"> <div class="child"></div> </div>如何实现图示效果呢:首先初始化一下css便于展示效果: .parent { width: 500px; height: 500px; border: 1px solid #ffd700; } .ch原创 2021-01-12 23:26:51 · 172 阅读 · 0 评论