订阅

资讯中心

下级分类:  seo|web前端|小程序
flex完整讲解篇
https://www.runoob.com/w3cnote/flex-grammar.htmlhttp://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
分类:    2020-11-18 21:24
flex布局实例——圣杯布局
!DOCTYPE html html lang="en" head meta charset="UTF-8" title上中下布局/title style html *{ margin: 0; padding: 0; } section{ min-height: 100vh; display: flex; flex-direction: column; text-align: cente ...
分类:    2020-11-18 21:22
flex布局实例——自适应布局
!DOCTYPE html html lang="en" head meta charset="UTF-8" title自适应布局/title style html *{ margin: 0; padding: 0; } .parent{ display: flex; flex-wrap: wrap; justify-content: center; } .son{ flex: 0 1 ...
分类:    2020-11-18 21:21
flex布局实例——子元素居中
!DOCTYPE html html lang="en" head meta charset="UTF-8" title子元素相对父元素居中/title style html, *{ margin: 0; padding: 0; } body{ display: flex; justify-content: center; align-items: center; height ...
分类:    2020-11-18 21:20
jquery制作简易qq聊天框-1902班教学实例
!DOCTYPE htmlhtmlhead lang="en"meta charset="UTF-8"titleQQ简易聊天框/titlelink rel="stylesheet" href="css/chat.css" style type="text/css".chatBody ul li{ list-style-type:none;}.chatBody ul li img{ wid ...
分类:    2020-11-18 20:55
纯css3云彩动画效果_web前端教学案例
纯css3云彩动画效果_web前端教学案例
一、html部分:!doctype htmlhtml lang="zh"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"meta name="viewport" content="width=device-width, initial-scale=1.0"title纯
分类:    2020-11-11 20:20
jquery 实现鼠标拖拽效果
一、pagex实现鼠标拖拽效果!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-eq ...
分类:    2020-11-6 08:23
jquery offset()案例练习二
设置元素相对于文档的偏移量!DOCTYPE htmlhtmlheadmeta charset=" utf-8"style type="text/css".father{border:1px solid black;width:400px;height:300px;}.children{height:150px;width:200px;background-color:gr ...
分类:    2020-11-6 08:18
jquery offset() 案例练习
一、读取元素相对于文档的偏移量!DOCTYPE htmlhtmlheadmeta charset=" utf-8"style type="text/css"*{margin:0px;padding:0px;}.father{border:1px solid black;width:400px;height:300px;padding:10px;margin:50px; ...
分类:    2020-11-6 08:17
12345下一页
返回顶部