css3动画如何解决动画的播放、暂停和重新开始 0921自我总结 css3如何解决动画的播放、暂停和重新开始 一.解决的本质思路 播放的解决思路 先定义好动画效果通过类名的增加达到样式的出现 暂停的解决思路 我们播放动画时，如要暂停动画，就要用到 animation-play-state...

2019-09-23 08:43:18

HTML定位——绝对定位和相对定位、固定定位 1、绝对定位 绝对定位指的是通过规定HTML元素在水平和垂直方向上的位置来固定元素， 基于绝对定位的元素不会占据空间。 绝对定位的位置声明是相对于已定位的并且包含关系最近的祖先元素。如果当前需要被定为的元素没有已定位...

2019-09-23 08:43:36

HTML连载38-内边距属性、外边距属性 一、内边距属性 1.定义：边框和内容之间的距离就是内边距 2.分开写 padding-top:数字px；padding-left:数字px；padding-bottom:数字px；padding-right:数字px； 3.连写： padding：上 右 下 左； 4.注意点： （1）给标签设置内边距之...

2019-09-23 08:42:48

web前端学习笔记 一、HTML htyper text markup language 即超文本标记语言超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。标记语言: 标记（标签）构成的语言.网页==HTML文档，由浏览器解析，用来展示的静态网页：静态的资源，如xxx.html 动态网...

2019-09-23 08:42:41

css样式水平居中和垂直居中的方法 水平居中（包含块中居中） 1.定宽，左右margin为auto。（常规流块盒、弹性项目[不用定宽]） 例子：在box1盒子上设置宽，再设置margin：auto； style .box1 { width : 200px ; height : 200px ; background-color : black ; margin : a...

2019-09-23 08:43:12

flex下省略号的问题解决 最近在搞微信小程序，发现flex下使用省略号是没有效果的，而且还会打乱预期的结构，查询statckoverflow知道需要在父级设置min-width:0; 但是在我的尝试下，依然不行，原来在上层父级就是flex那一级别也需要设置 min-width:0; 就是可以理解为 省...

2019-09-23 08:41:57

CSS3-边框 border 一、圆角效果 border-radius 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用 px 单位，你还...

2019-09-23 08:42:28

HTML概述 HTML是一种描述网页的语言。全称是Hyper Text Markup Language（超文本标记语言），是一种标记语言，由许多的标记标签组成。 一 HTML标签 1，简介 HTML语言是由许多标签组成，HTML 标签是由尖括号包围的关键词，比如 html。 HTML标签都是小写的。 HTML 标签通...

2019-09-23 08:41:51

Bootstarp 字体是矢量的:不失帧 前端页面可用于android访问 优点:移动设备优先 支持所有浏览器(360不算浏览器) 自适应屏幕大小 目录结构: 若浏览器环境变化,引入js link href= "assets/plugins/bootstrap/css/bootstrap.min.css" type= "text/css" rel= "stylesheet" /...

2019-09-23 08:41:33

不用JS，教你只用纯HTML做出几个实用网页效果 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 原文出处：https://blog.bitsrc.io/pure-html-widgets-for-your-web-application-c9015563af7a 在我们以往看到的页面效果中...

2019-09-23 08:41:33