摘要：算法部分代码: def GetList(iMax): intList=[] for i in range(1,iMax+1): if(i%7==0): intList.append(i) return intList 前端部分代码: <!DOCTYPE html> <html> <head> <ti
阅读全文
随笔分类 - CSS及Html5
摘要：代码1： <!DOCTYPE html> <html> <head> <title>JinJa2 Demo</title> <link rel="stylesheet" href="{{url_for('static',filename='bootstrap4/css/bootstrap.css')
阅读全文
摘要：1.用Asp.net Form技术创建一个简单的加法应用。 前台代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddDemo.aspx.cs" Inherits="AddDemo" %> <!DOCTYPE html> <ht
阅读全文
摘要：可折叠A： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http:/
阅读全文
摘要：content-box：padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding ).此属性表现为标准模式下的盒模型。bo
阅读全文
摘要：1.css3 forwards、backwards、both: https://www.cnblogs.com/jone-chen/p/5194626.html 2.CSS3中的transition属性详解 https://www.cnblogs.com/afighter/p/5731293.htm
阅读全文
摘要：Grid技术+动画技术 示范: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Grid Animate Demo</title> <style type="text/css"> html { box-sizing: borde
阅读全文
摘要：名称叫法 这种方式在业界上统称：识别码、前缀-ms代表【ie】内核识别码-moz代表火狐【firefox】内核识别码-webkit代表谷歌【chrome】/苹果【safari】内核识别码-o代表欧朋【opera】内核识别码 在CSS3中的用法 -ms-transform:rotate(7deg);
阅读全文
摘要：代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS Grid And Animate Show</title> <link rel="stylesheet" type="text/css" href="animate
阅读全文
摘要：代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Animate Demo</title> <link rel="stylesheet" type="text/css" href="animate.min.css"> <s
阅读全文
摘要：代码1: <!doctype html> <html> <head> <meta charset="utf-8"> <title>transition动画</title> <style type="text/css"> div { width: 200px; height: 200px; backg
阅读全文
摘要：代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Rotate 转动动画测试</title> <style type="text/css"> .box{ width:280px; height:280px; backg
阅读全文
摘要：代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS3 Animation</title> <style type="text/css"> @keyframes myani { from { background:
阅读全文
摘要：代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS Grid Show</title> <style type="text/css"> *{ margin:0; } html,body{ height:100%; }
阅读全文
摘要：CSS Grid布局入门 1.普通版 <!doctype html> <html> <head> <meta charset="utf-8"> <title>Css Grid Demo</title> <style> .container { display: grid; grid-gap: 5px
阅读全文
摘要：伪元素及Counter的使用 <!doctype html> <html> <head> <meta charset="utf-8"> <title>伪元素及Counter的使用</title> <style type="text/css"> ul { list-style-type: none;
阅读全文
摘要：CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于向某些选择器添加特殊元素。 新建一个html文件,代码内容如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Pseudo Class And Pseudo E
阅读全文
摘要：1.第一种方法:引入css，或者cdn css或者本地css <!doctype html> <html> <head> <meta charset="utf-8"> <title>Pseudo Element</title> <link rel="stylesheet" type="text/cs
阅读全文
摘要：版面布局不是一次全部搞定的,而是逐渐演化而来。通过以下四个步骤,来彰显公司成熟的专业设计流程. 第一步:产品业务人员和客户积极沟通,参考现成的经典网站,大致确定功能及板块布局.假设划分为以下的7个大盒子。 A,B1,B2,B3,B4,C,D 第二步<可选>:在上方的基础上,需求采集专业人员一方面和客
阅读全文
浙公网安备 33010602011771号