ICode9

精准搜索请尝试: 精确搜索
  • 02.浮动的其他的特点2022-06-17 14:00:48

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • 07.垂直方向的布局2022-06-12 11:33:26

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

  • 文字轮播与图片轮播?CSS 不在话下2022-06-07 10:34:23

    今天,分享一个实际业务中能够用得上的动画技巧。 巧用逐帧动画,配合补间动画实现一个无限循环的轮播效果,像是这样: 看到上述示意图,有同学不禁会发问,这不是个非常简单的位移动画么? 我们来简单分析分析,从表面上看,确实好像只有元素的 transform: translate() 在位移,但是注意,这里有两个

  • JavaScript:TimelineJs2022-04-27 01:02:03

    <!DOCTYPE html> <html lang="en-GB"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <title>

  • HTML学习第一天2022-04-08 11:32:33

    查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 浏览器多个空格自动解析为一个 不能直接写大于小于以及一些特殊符号 如果需要使用则需要使用转义字符,也就

  • CSS变量2022-03-27 13:34:05

    定义的语法:--变量名: 变量值;   使用的时候用 --属性: var(变量名);的方式使用。变量都是公用样式所以一般都放在 :foot 里面。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg

  • 行盒的盒模型2021-12-28 23:02:15

    行盒的盒模型 常见的行盒: 包含具体内容的元素 span、strong、em、i、img、video、audio 显著特点 盒子沿着内容延伸行盒不能设置宽高 调整行盒的宽高,应该使用字体大小、行高、字体类型,间接调整宽高。 内边距 (填充区) 水平方向有效,不会实际占据空间。 (垂直方向仅会影响背景

  • 【前端】html5速成2021-11-25 11:00:14

    1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" con

  • 技术期刊 · 河海不择细流 | 从根本上了解异步编程体系;Prefresh, Fast-refresh for Preact;Web 动效实例详解;Doodle Ipsum;Theia 中的通讯协议详2021-11-25 10:03:25

    蒲公英 · JELLY技术期刊 Vol.46 或许你曾听过这样一个说法,最初的知识图谱设计就是互联网本身,它如河海不择细流,故能成就如今庞大的网络,也不断帮助我们梳理自己的知识体系。比方说对于 Web 动效你知道多少种实现?异步编程的本质是什么?React like 框架快速更新的原理又是什么……

  • 大学生毕业设计:在线音乐网站设计——流行音乐公司网站(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码2021-10-28 09:58:57

    大学生毕业设计:在线音乐网站设计——流行音乐公司网站(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈

  • 用Python格式化JSON字符串2021-10-05 19:01:01

    注意:Python 版本 2.6+ 想要将 { "foo": "lorem", "bar": "ipsum" } 格式化为. { "foo": "lorem", "bar": "ipsum" } 1.用Python格式化JSON字符串 命令如下: echo '{"foo": "lorem&q

  • HTML知识点整理(一)2021-07-20 19:31:58

    HTML 1 HTML 1.1 概念 HTML是最基础的网页开发语言,Hyper Text Markup Language超文本标记语言 超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本标记语言:由标签构成的语言,使用标签的方法将需要的内容包括起来。<标签名称>如html,xml 注:标记语言不

  • 行盒的盒模型2021-02-08 20:02:26

    行盒的盒模型 常见的行盒:包含具体内容的标签。 span,strong,em,i,img,video,audio 显著特点 1.盒子沿着内容延伸 2.行盒不能设置宽高 <style> p,span{ background: lightblue; border: 2px solid; line-height: 3; }

  • css层叠样式表 (Cascading Style Sheets)初识2020-11-19 20:32:48

    首先是一段html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet

  • VUE自定义指令2020-03-10 21:06:24

    VUE自定义指令 Vue.directive 自定义指令 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

  • 2020-2-27今日总结——轮播台2020-02-27 16:54:39

      Bootstrapd的使用 1.轮播图   类名class="carousel" carousel-inner,专门放随着页面滚动而滚动的内容。 div class="carousel" data-ride="carousel",就是用来启动Bs轮播台。 <div class="carousel slide" data-ride="carousel" data-interval="2

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有