首页 > 其他分享 >前端歌谣的刷题之路-第十二题-伪元素

前端歌谣的刷题之路-第十二题-伪元素

时间:2023-09-04 12:32:51浏览次数:46  
标签:第十二 题目 歌谣 前端 元素 content 20px 刷题


 

目录

前言

题目

核心代码

总结


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣

题目

请给html模块的div元素加一个后伪元素,且后伪元素的宽度和高度都是20px,背景颜色为"rgb(255, 0, 0)"。

前端歌谣的刷题之路-第十二题-伪元素_背景颜色

前端歌谣的刷题之路-第十二题-伪元素_伪元素_02编辑

核心代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>伪元素</title>
  <style type="text/css">
    /*补全代码*/
    div::after{
      /* 伪元素要加content content是伪元素选择器after的属性,代表要插入的内容 */
      content:"";
      width:20px;
      height:20px;
      background-color:rgb(255, 0, 0);
      /* 不写成块级元素不会显示的 */
      display:block;
    }
 
  </style>
</head>
<body>
  <!-- 请给html模块的div元素加一个后伪元素,且后伪元素的宽度和高度都是20px,背景颜色为"rgb(255, 0, 0)"。 -->
  <div></div>
</body>
</html>

前端歌谣的刷题之路-第十二题-伪元素_伪元素_03

总结

详细阶梯思路参见文中注释 不懂请提出 谢谢


标签:第十二,题目,歌谣,前端,元素,content,20px,刷题
From: https://blog.51cto.com/u_14476028/7347975

相关文章

  • 刷题[Leetcode]3. 无重复字符的最长子串
    3. 无重复字符的最长子串classSolution{public:  intlengthOfLongestSubstring(strings){    if(s.size()==0)return0;    unordered_set<int>unset;    intmaxLen=0;    intleft=0;    for(intright=......
  • 刷题技巧
    刷题几个阶段:1,第一遍:知道。直接看答案,不要自己想,了解所有最优解,方法技巧第一。做题套路,以印象为主。2,第二遍:熟悉。过easy题,记住;做medium,重点题背,反复背。最简单会,大多不会。记住做题套路,以记住为主。3,第三遍:做题。做easy题;做部分medium题,hard题有思路。夯实medium基础。熟练运......
  • 力扣刷题指南
    众所周知,力扣涵盖了大部分算法面试题,国内外知名科技公司都会在上面挑选题目用于面试环节,所以要想找到一份好工作,刷力扣题一定是程序员小伙伴的不二之选。但对于刚启蒙的程序员小白来说,上力扣网站刷题的方法眼花缭乱,哪一种才是最有效的?这里力扣君还得再强调一下,网站刷题方法虽多,......
  • 嵌入式面试笔试刷题(day14)
    (文章目录)前言本篇文章继续我们的刷题之路。一、进程控制块这里只讲解进程的PCB控制块,线程的TCP控制块作用和进程PCB控制块作用类似。1.PCB控制块的作用进程控制块(ProcessControlBlock,PCB)是操作系统中用于管理和跟踪进程信息的数据结构。每个进程在操作系统中都有一个对......
  • C++刷题输入输出和常用函数处理
    1.输入数字但非默认的十进制,比如输入的是十六进制数,但要转为十进制再进行别的处理。当我们在编程中处理十六进制数时,通常会将其表示为字符串。cin>>hex>>m;//输入十六进制,m会自动转十进制。2.int和string中单个字符互转strings="12345";inta0=s[0]-'0';//字符转......
  • Leetcode刷题笔记——二分法
    二分法是搜索算法中极其典型的方法,其要求输入序列有序并可随机访问。算法思想为输入:有序数组nums,目的数值target要求输出:如果target存在在数组中,则输出其index,否则输出-1将原数组通过[left,right]两个索引划分范围,初值left=0,right=数组的最后一个元素当left<=right时mid......
  • 前端歌谣的刷题之路-第七题-语义化标签
    目录前言题目编辑核心代码总结前言我是歌谣歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网题目请使用语义化标签创建头部标签且包含导航标签。注意:只需在html模块填写标签结构,有且仅有一个头部标签和一个导航标签编辑核心代码```语义化标签```......
  • 【刷题笔记】31. Next Permutation
    题目Implement nextpermutation,whichrearrangesnumbersintothelexicographicallynextgreaterpermutationofnumbers.Ifsuchanarrangementisnotpossible,itmustrearrangeitasthelowestpossibleorder(i.e.,sortedinascendingorder).Thereplac......
  • leetcode & c++多线程刷题日志
    1.按序打印按序打印解法互斥锁classFoo{mutexmtx1,mtx2;public:Foo(){mtx1.lock(),mtx2.lock();}voidfirst(function<void()>printFirst){printFirst();mtx1.unlock();}voidsecond(function<voi......
  • Leetcode刷题笔记——单调性
    单调性单调性是数学中使用的一种常见性质,通常用于描述函数,在高等数学中的定义常常为:设函数f(x)在区间I上有定义,如果对于I上的任意两个数x1和x2,当x1<x2时,有f(x1)<f(x2)(或者f(x1)>f(x2)),则称函数f(x)在区间I上是单调递增的(或者单调递减的)。例如如下图像就是两个单调函数。利用单......