css的动画效果在style标签中用@keyframes name{。。。}的形式定义，使用animation：name time 。。。的形式进行调用。 示例： style @keyframes myfirst{0% {background: red; left:0px; top:0px;}25% {background: yellow; left:200px; top:0px;}50% {background: blu...

2019-08-14 09:49:56

首先我们启动HBuilderX2.0 ，界面如图2-1所示 图2-1 软件开发界面 单击文件新建项目，弹出新建项目管理界面，我们在里面进行了项目类型选择5+APP、项目名称填写编程之路、设置文件存放路径和模板选择默认模板，点击创建，我们的新建项目就OK了，如图2-2所示。 图2-2 新...

2019-08-14 09:49:26

css3的2d转化，我所知的有5种。 translate平移 rotate旋转 scale缩放 skew拉伸 matrix组合技 因为是css属性，所以必然，2d转化的设置在style中设置基本格式，transform：XXX；以选择哪种转化，还可以设置transition：time；以设置转化时间（不过不能设置在初始状态下，...

2019-08-14 09:49:42

CSS Grid网格布局全攻略 所有奇技淫巧都只在方寸之间。 几乎从我们踏入前端开发这个领域开始，就不停地接触不同的布局技术。从常见的浮动到表格布局，再到如今大行其道的flex布局，css布局技术一直在不断地推陈出新。其中网格布局(grid)作为css3的产物，它更加贴近网页...

2019-08-14 09:49:01

1. window.top 用来判断当前部分是否在页面的最顶层，比如：判断是否在iframe中，等等； 2.css3中width的属性值增加了。width：fit-content； 随内容的增加而撑开，不会因为单词的分隔自动wrap，还有一些属性值max-content，mini-content，fill-avaliable Intrinsic Si...

2019-08-14 09:49:33

边框的阴影效果，可以在css中使用box-shadow来实现 属性值有X-shadow，Y-shadow，blur，spread，color，inset X-shadow是设置水平方向的阴影值，可为负数 Y-shadow是设置垂直方向的阴影值，可为负数 blur是设置阴影的模糊半径 spread是设置阴影的扩展半径，也可以说是...

2019-08-14 09:49:31

实例： 1 ! DOCTYPE html 2 html 3 head 4 meta charset ="utf-8" 5 title 灵_e夜 / title 6 / head 7 body 8 9 h1 我的第一个标题 / h1 10 11 p 我的第一个段落。 / p 12 13 / body 14 / html View Code 1、实例解析 l !DOCTYPE html 声明为 HTML5 文档 l html 元素是...

2019-08-14 09:49:22

以下是弹性布局的一些知识点，很简单，易懂！ 语法：属性： display 取值： flex：当前元素充当弹性布局的容器，并且本身以块级元素显示。 inline-flex：当前元素充当弹性布局的容器，并且本身以行内元素显示。 概念： 容器：容纳弹性布局中子元素的父元素。 项目：容...

2019-08-14 09:49:22

HTML代码： !DOCTYPE html html lang="en" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" meta http-equiv="X-UA-Compatible" content="ie=edge" link rel="stylesheet" href="../css/练习.css" title心/title /he...

2019-08-14 09:49:06

article 定义页面独立的内容区域。 aside 定义页面的侧边栏内容。 bdi 允许您设置一段文本，使其脱离其父元素的文本方向设置。 command 定义命令按钮，比如单选按钮、复选框或按钮 details 用于描述文档或文档某个部分的细节 dialog 定义对话框，比如提示框 summary 标...

2019-08-14 09:49:09