首页 > 其他分享 >实战练习:html+css

实战练习:html+css

时间:2024-08-19 10:06:26浏览次数:11  
标签:实战 li html favicon css 图标

1.网站favicon图标

①制作favicon图标

②https://www.bitbug.net/ 制作.ico类型图标,放根目录

③用到的页面进行引入<link rel="shortcut icon" href="favicon.ico" />

 

超出部分隐藏、一行显示、省略号结尾

 

四个li,前三个有after伪元素

 

设置好图片的大小,可以实现无论li里放多大的img,都会给强制拉伸,不会影响布局了

 

标签:实战,li,html,favicon,css,图标
From: https://www.cnblogs.com/fengok/p/18358718

相关文章

  • Web大学生网页作业成品——24节气立夏介绍网页设计与实现(HTML+CSS)(1个页面)
    ......
  • synchronized轻量级锁原理和实战(四)
    引入轻量级锁的目的多线程竞争不激烈的情况下,通过CAS机制竞争减少重量级锁产生的性能消耗.重量级锁使用了操作系统底层的互斥锁,会导致线程在用户态和核心态之间切换.带来性能上的损耗.轻量级锁的核心原理轻量级锁存在的目的本身就是为了减少线程从内核态和用户态的切换,从......
  • 【Mudo】实战项目之应用层模块
    文章目录前言正文1.Util1.1File1.2Url1.3Str1.4Infor2.Http2.1Request2.2Response2.3Context2.4Server尾序前言在上一篇文章当中,博主从代码的层面介绍了服务器模块的实现,最终封装出了一个传输层的TcpServer模块,那么在本篇将进一步向上拓展出一个应用层......
  • 使用TF-IDF进行情感分析的实战指南
    随着自然语言处理(NLP)的迅速发展,情感分析作为其中的重要应用领域,越来越受到关注。无论是社交媒体的舆情分析、用户评论的情感判断,还是企业年报的情感倾向识别,情感分析在多个领域都有广泛的应用。本文将聚焦于如何利用TF-IDF(TermFrequency-InverseDocumentFrequency)技术进......
  • 《亿级流量系统架构设计与实战》第十一章 Timeline Feed服务
    TimelineFeed服务一、概述1、分类2、功能二、设计原理1、拉模式与用户发件箱2、推模式与用户收件箱3、推拉模式结合三、关键技术1、内容与用户收件箱的交互(推模式)2、推送拆分子任务3、收件箱模型设计内容总结自《亿级流量系统架构设计与实战》一、概述1、分......
  • 短视频 IP实战课,独创一键复制学习秘籍,转战新领域,月赚五万轻松行
    1.引言随着数字媒体的快速发展,短视频已成为内容传播和个人品牌建设的重要平台。对于寻求职业转型的专业人士而言,短视频IP运营不仅提供了灵活的工作时间,还有望带来可观的经济回报和与行业精英交流的机会。然而,这一新兴领域也存在诸多挑战,如行业门槛、专业技能缺乏等。2.短......
  • 浏览器解析html文件src静态资源路径问题
    相对路径src资源引号内部不以/分割符开头,浏览器从当html文件前路径拼接url:场景a<imgsrc="static/1.jpeg"width="258"height="39"/>当前请求地址xxxx:80/html/1.html浏览器解析图片地址为xxxx:80/html/static/1.jpeg场景b<imgsrc="../static/1.jpeg"width="......
  • ps通道实战
    目标把图片的数和草扣取出来,然后加上背景色 步骤一找到通道的蓝色 复制图层 2.crl+l打开色阶 3.画笔处理下白点的部分 4.ctrl+i反选选区 重点,选中不是创建选区,这时我们应该手工创建选区,按ctrl+点击蓝拷贝5.回到图层,给图层创建蒙版6.添加图层背景色添加蓝色......
  • DrissionPage实战之采集猫眼电影top100榜
    在当今信息化的时代,数据的获取与分析变得愈发重要。电影行业作为一个充满活力的领域,吸引了大量观众和投资者。猫眼电影作为中国领先的电影票务平台之一,提供了丰富的电影信息和用户评价,成为了研究电影市场趋势和观众偏好的重要数据源。通过抓取猫眼电影的Top100榜单,开发者可以......
  • PyTorch深度学习实战(18)—— 可视化工具
    在训练神经网络时,通常希望能够更加直观地了解训练情况,例如损失函数曲线、输入图片、输出图片等信息。这些信息可以帮助读者更好地监督网络的训练过程,并为参数优化提供方向和依据。最简单的办法就是打印输出,这种方式只能打印数值信息,不够直观,同时无法查看分布、图片、声音等......