meta | 易学教程

前端学习（105）：嵌套清除浮动 overflow

阅读更多关于前端学习（105）：嵌套清除浮动 overflow

<!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"> <title>清除浮动</title> <style> #box1{ width: 200px;height:100px;border: 5px black solid;overflow: hidden; } #box2{ width: 100%;;height: 100px;background: red;float: left; } </style> </head> <body> <div id="box1"> <div id="box2"></div> </div> <p>aaaaa</p> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article/details/103516339

JavaScript_Dom对象全实例讲解

阅读更多关于 JavaScript_Dom对象全实例讲解

一．简单介绍 Dom是W3C-万维网联盟的标准，它定义了访问HTML和XML文档的标准。W3C文档对象模型（DOM）是中立与平台和语言的接口，它允许程序和脚本动态的访问和更新文档的内容、结构和样式的。 W3C将DOM分为3个不同的部分: 1.核心DOM:针对任何结构化文档的标准模型； 2.XML DOM部分：针对XML文档的标准模型； 3.HTML DOM部分:针对HTML文档的标准模型； XML DOM:定义了所有XML元素的对象和属性及访问它们的方法； HTML DOM:定义了所有HTML元素的对象和属性及访问它们的方法；二．DOM节点根据W3C的HTML DOM标准，HTML文档中的所有内容都是节点（NODE），分为5种节点类型： 1.整个文档是一个文档节点(document对象),每个html页面整体; 2.每个HTML元素是元素节点(element对象)，页面中的每个标签； 3.HTML元素内的文本是文本节点(text对象)； 4.每个HTML中属性是属性节点(attribute对象)； 5.注释是注释的节点(comment对象)；如下图所示: 2.1节点属性(自身属性): 1.attribute-节点(元素)的属性节点； 2.nodeType-节点类型； 3.nodeValue-节点值； 4.nodeName-节点名称； 5.innerHTML-节点(元素

2019 SDN上机第7次作业

阅读更多关于 2019 SDN上机第7次作业

1.根据P4教程，将basic和basic_tunnel两个案例程序补充完整，成功运行。补充并运行basic代码 #include <core.p4> #include <v1model.p4> const bit<16> TYPE_IPV4 = 0x800; /************************************************************************* *********************** H E A D E R S *********************************** *************************************************************************/ typedef bit<9> egressSpec_t; typedef bit<48> macAddr_t; typedef bit<32> ip4Addr_t; header ethernet_t { macAddr_t dstAddr; macAddr_t srcAddr; bit<16> etherType; } header ipv4_t { bit<4> version; bit<4> ihl; bit<8> diffserv; bit<16> totalLen; bit

SDN第七次上机作业

阅读更多关于 SDN第七次上机作业

1.补充并运行basic代码任务是实现基础的交换机转发数据包功能补充后代码如下： /* -*- P4_16 -*- */ #include <core.p4> #include <v1model.p4> const bit<16> TYPE_IPV4 = 0x800; /************************************************************************* *********************** H E A D E R S *********************************** *************************************************************************/ typedef bit<9> egressSpec_t; typedef bit<48> macAddr_t; typedef bit<32> ip4Addr_t; header ethernet_t { macAddr_t dstAddr; macAddr_t srcAddr; bit<16> etherType; } header ipv4_t { bit<4> version; bit<4> ihl; bit<8> diffserv; bit<16> totalLen

2019 SDN上机第7次作业

阅读更多关于 2019 SDN上机第7次作业

1.根据P4教程，将basic和basic_tunnel两个案例程序补充完整，成功运行。 1.basic 编辑代码如下 /* -*- P4_16 -*- */ #include <core.p4> #include <v1model.p4> const bit<16> TYPE_IPV4 = 0x800; /************************************************************************* *********************** H E A D E R S *********************************** *************************************************************************/ typedef bit<9> egressSpec_t; typedef bit<48> macAddr_t; typedef bit<32> ip4Addr_t; header ethernet_t { macAddr_t dstAddr; macAddr_t srcAddr; bit<16> etherType; } header ipv4_t { bit<4> version; bit<4> ihl; bit<8> diffserv;

安装ctrip-apollo多环境部署总结

阅读更多关于安装ctrip-apollo多环境部署总结

1、下载（ https://github.com/ctripcorp/apollo/releases）apollo三个压缩文件 2、在本机安装mysql5.7 安装步骤略。 3、创建数据库开发环境(dev)：apolloconfigdb 测试呼叫(fat):apolloconfigdb2 portal:apolloportaldb 注意：一个portal管理多个环境，只需要部署一个portal程序，一个portal库。config与admin，每个环境需要个配一套。 4、修改的配置文件 4.1 portal配置 cd /data/apollo-portal/config vim apollo-env.properties 保存 vim application-github.properties 保存 4.2 config配置第一个config cd /data/apollo-configservice/config/ vim application-github.properties 第二个config cd /data/apollo-configservice/config/ vim application-github.properties 4.3 admin配置第一个admin cd /data/apollo-adminservice/config vim

前端学习（114）：sticky粘性定位

阅读更多关于前端学习（114）：sticky粘性定位

<!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"> <title>sticky</title> <style> body{height: 2000px;} div{background: red;position: sticky;top: 0;} </style> </head> <body> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <div>aaaaa</div> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> <p>aaaaaa</p> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article/details

前端学习（107）：嵌套清除浮动设置空标签

阅读更多关于前端学习（107）：嵌套清除浮动设置空标签

<!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"> <title>清除浮动</title> <style> #box1{ width: 200px;border: 5px black solid; } #box2{ width: 100%;;height: 200px;background: red;float: left; } .clear{clear: both;} </style> </head> <body> <div id="box1"> <div id="box2"></div> <div class="clear">这是一个空标签</div> </div> <p>aaaaa</p> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article/details/103516414

前端学习（108）：嵌套清除浮动 after类

阅读更多关于前端学习（108）：嵌套清除浮动 after类

<!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"> <title>清除浮动</title> <style> #box1{ width: 200px;border: 5px black solid; } #box2{ width: 100px;;height: 200px;background: red;float: left; } .clear::after{content: '';clear: both;display: block;} </style> </head> <body> <div id="box1" class="clear"> <div id="box2"></div> </div> aaaaa </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article/details/103516525

前端学习（110）：相对定位

阅读更多关于前端学习（110）：相对定位

<!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"> <title>relative</title> <style> #box1{width:100px; height: 100px;background: red;} #box2{width:100px; height: 100px;background: blueviolet;position: relative;left: 100px;} #box3{width:100px; height: 100px;background: gold;} </style> </head> <body> <div id="box1"></div> <div id="box2"></div> <div id="box3"></div> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article

订阅 meta