首页 > TAG信息列表 > ipsum

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=d

07.垂直方向的布局

<!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 不在话下

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

JavaScript:TimelineJs

<!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学习第一天

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

CSS变量

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

行盒的盒模型

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

【前端】html5速成

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 中的通讯协议详

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

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

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

用Python格式化JSON字符串

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

HTML知识点整理(一)

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

行盒的盒模型

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

css层叠样式表 (Cascading Style Sheets)初识

首先是一段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自定义指令

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今日总结——轮播台

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