首页 前端知识 HTML 实现仿 Windows 桌面主题特效,2024年最新字节跳动算法面试

HTML 实现仿 Windows 桌面主题特效,2024年最新字节跳动算法面试

2024-04-29 12:04:08 前端知识 前端哥 940 943 我要收藏

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Python全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img



既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Python知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip1024c (备注Python)
img

正文

  • CSDN
  • 掘金
  • bilibili
      • Admin
        • 系统设置
        • 使用指南
        • 关于我们
        • 退出系统
        • 💛 CSS 代码

          CSS主要代码:

          body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

          margin:0;

          padding:0;

          }

          table {

          border-collapse:collapse;

          border-spacing:0;

          }

          fieldset, img {

          border:0;

          }

          address, caption, cite, code, dfn, em, strong, th, var {

          font-style:normal;

          font-weight:normal;

          }

          ol, ul, li {

          list-style:none;

          }

          caption, th {

          text-align:left;

          }

          h1, h2, h3, h4, h5, h6 {

          font-size:100%;

          font-weight:normal;

          }

          q:before, q:after {

          content:”;

          }

          abbr, acronym {

          border:0;

          }

          • {

          margin:0;

          padding:0

          }

          页面基础样式

          /页面基础样式/

          html {

          overflow:hidden;

          }

          body {

          font-size: 12px;

          background:#06C url(wallpapers/menglong2.jpg) repeat scroll center center;

          font-family: Tahoma, Geneva, sans-serif;

          margin:0;

          padding:0

          }

          a {

          font-size: 12px;

          }

          a:link {

          text-decoration: none;

          color: #FFF;

          }

          a:visited {

          text-decoration: none;

          color: #FFF;

          }

          a:hover {

          text-decoration: none;

          color: #FFF;

          }

          a:active {

          text-decoration: none;

          color: #FFF;

          }

          .corner {/只在支持css3的高级浏览器起作用/

          -moz-border-radius: 5px;

          -webkit-border-radius: 5px;

          border-radius: 5px;

          -moz-box-shadow: 2px 2px 8px #444;

          -webkit-box-shadow: 2px 2px 8px #444;

          box-shadow:2px 2px 8px #444;

          }

          .loading {

          background:url(images/loading.gif) no-repeat center center

          }

          界面布局样式

          /界面布局样式/

          .powered_by {

          width:160px;

          height:25px;

          line-height:25px;

          background:url(images/powered-by.png) no-repeat left center;

          color:#CCC;

          text-indent:26px;

          display:block;

          outline:none;

          position:absolute;

          right:20px;

          bottom:60px;

          }

          任务栏样式

          #taskBar {

          width:100%;

          height:40px;

          line-height:40px;

          position:absolute;

          right:0;

          bottom:0;

          }

          #leftBtn {

          width:100px;

          height:40px;

          float:left;

          display:none;

          }

          #rightBtn {

          width:100px;

          height:40px;

          float:right;

          display:none;

          }

          #leftBtn a, #rightBtn a {

          display:block;

          width:100px;

          height:40px;

          outline:none;

          background-image:url(images/lr_btn.png);

          background-repeat:no-repeat;

          }

          #leftBtn a {

          background-position:left top;

          }

          #rightBtn a {

          background-position:right top;

          }

          #leftBtn a:hover {

          background-position:left bottom

          }

          #rightBtn a:hover {

          background-position:right bottom

          }

          #task_lb_wrap {

          height:40px;

          line-height:40px;

          overflow:hidden;

          position:relative;

          }

          #task_lb {

          width:auto;

          height:auto;

          position:absolute;

          top:0;

          right:0;

          }

          #task_lb a {

          display:inline-block;

          outline:none;

          width:100px;

          height:40px;

          background-image:url(images/taskHdBtn.png);

          background-repeat:no-repeat;

          text-align:center;

          line-height:40px;

          float:right

          }

          #task_lb .defaultTab {

          background-position:right top;

          color:#ccc

          }

          #task_lb .defaultTab:hover {

          background-position:right bottom;

          }

          #task_lb .selectTab {

          background-position:left top;

          color:#FFF

          }

          #task_lb .selectTab:hover {

          background-position:left bottom

          }

          #shizhong_btn {

          background:url(images/timer.png) no-repeat center center

          }

          #weather_btn {

          background:url(images/wheather.png) no-repeat center center

          }

          #sound_btn {

          background:url(images/sound_open.png) no-repeat center center

          }

          #showZm_btn {

          background:url(images/show-desktop.png) no-repeat center center

          }

          #them_btn {

          background:url(images/skin.png) no-repeat center center

          }

          侧边浮动栏

          #lr_bar {

          width:73px;

          height:auto;

          position:absolute;

          left:0;

          top:30px;

          background:url(images/dock_top.png) repeat-y left top;

          z-index:90;

          -moz-box-shadow: 0px 3px 15px #444;

          -webkit-box-shadow: 0px 3px 15px #444;

          box-shadow:0px 3px 15px #444;

          padding-top:5px;

          }

          开始按钮样式

          #start_block {

          width:73px;

          height:56px;

          position:absolute;

          left:0;

          bottom:-56px;

          background:url(images/dock_b.png) no-repeat left bottom;

          -moz-box-shadow: 0px 5px 15px #444;

          -webkit-box-shadow: 0px 5px 15px #444;

          box-shadow:0px 5px 15px #444;

          }

          #start_btn {

          display:block;

          width:48px;

          height:48px;

          background:url(images/start-btn.png) no-repeat center bottom;

          margin:4px auto 0 auto;

          outline:none;

          z-index:501;

          cursor:pointer;

          }

          #start_btn:hover {

          background-position:center top

          }

          开始菜单样式

          #start_item {

          width:180px;

          height:auto;

          padding:5px 0;

          background: url(images/start_item_bg.png) repeat;

          position:absolute;

          z-index:500;

          left:75px;

          bottom:0px;

          display:none;

          -moz-border-radius: 5px;

          -webkit-border-radius: 5px;

          border-radius: 5px;

          -moz-box-shadow: 2px 2px 5px #444;

          -webkit-box-shadow: 2px 2px 5px #444;

          box-shadow:2px 2px 5px #444;

          }

          #start_item .item {

          width:100%;

          height:auto;

          border-top:1px solid #999

          }

          #start_item .item li {

          width:98%;

          height:24px;

          overflow:hidden;

          zoom:-1;

          padding:6px 0;

          line-height:24px;

          margin:0 auto;

          color:#FFF;

          }

          #start_item .item li:hover {

          background:url(images/start_item_over.png) repeat-x left bottom;

          cursor:pointer

          }

          #start_item .item li span {

          display:inline-block;

          width:24px;

          height:24px;

          background-image:url(images/start_itembtn.png);

          background-repeat:no-repeat;

          margin:0 10px;

          float:left;

          }

          #start_item .item li b {

          width:10px;

          height:24px;

          background:url(images/item-child.png) no-repeat center center;

          display:inline-block;

          float:right;

          margin-right:10px;

          }

          #start_item .sitting_btn {

          background-position:left -140px;

          }

          #start_item .help_btn {

          background-position:left -44px;

          }

          #start_item .about_btn {

          background-position:left -164px;

          }

          #start_item .logout_btn {

          background-position:left -20px;

          }

          #start_item .admin {

          border-bottom:1px solid #444;

          padding:5px 0;

          border-top:none;

          }

          #start_item .item li .adminImg {

          border:1px solid #E0E0E0;

          background-position:left -92px;

          background-color:#FFF;

          }

          默认小工具

          #default_tools {

          width:71px;

          height:auto;

          overflow:hidden;

          zoom:-1;

          padding:5px 0;

          border-top:1px solid #555;

          margin:0 auto;

          }

          #default_tools span {

          width:30px;

          height:30px;

          display:inline-block;

          margin:0 0 0 3px;

          cursor:pointer;

          float:left;

          }

          默认应用程序

          #default_app {

          width:73px;

          height:auto;

          padding:5px 0;

          position:relative;

          }

          #default_app li {

          width:48px;

          height:48px;

          overflow:hidden;

          margin:3px auto;

          padding:6px;

          }

          #default_app li img {

          width:48px;

          height:48px;

          cursor:pointer;

          }

          #default_app .btnOver {

          background:url(images/default_appbtn_bg.png) no-repeat center center

          }

          重写右键菜单样式

          .smart_menu_box .smart_menu_a {

          color:#333

          }

          .smart_menu_box .smart_menu_li_separate {

          border-bottom:1px solid #d6d5d5;

          }

          窗口样式

          .windows {

          min-width:240px;

          min-height:200px;

          width:700px;

          height:560px;

          position:absolute;

          display:none;

          background-color:#E0E0E0;

          }

          .win_title {

          width:100%;

          height:26px;

          line-height:26px;

          background:#E0E0E0 url(images/titlebar_bg_cur.png) repeat-x left center;

          -moz-border-radius: 5px;

          网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

          需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)
          img

          一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
          pp li img {

          width:48px;

          height:48px;

          cursor:pointer;

          }

          #default_app .btnOver {

          background:url(images/default_appbtn_bg.png) no-repeat center center

          }

          重写右键菜单样式

          .smart_menu_box .smart_menu_a {

          color:#333

          }

          .smart_menu_box .smart_menu_li_separate {

          border-bottom:1px solid #d6d5d5;

          }

          窗口样式

          .windows {

          min-width:240px;

          min-height:200px;

          width:700px;

          height:560px;

          position:absolute;

          display:none;

          background-color:#E0E0E0;

          }

          .win_title {

          width:100%;

          height:26px;

          line-height:26px;

          background:#E0E0E0 url(images/titlebar_bg_cur.png) repeat-x left center;

          -moz-border-radius: 5px;

          网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

          需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注python)
          [外链图片转存中…(img-NDMKArNz-1713301894615)]

          一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

        转载请注明出处或者链接地址:https://www.qianduange.cn//article/6420.html
        标签
        面试
        评论
        发布的文章

        HTML5本地存储

        2024-05-06 09:05:10

        HTML5和CSS3新特性

        2024-04-16 17:04:36

        大家推荐的文章
        会员中心 联系我 留言建议 回顶部
        复制成功!