font

wxml代码 < view class = " page " > < view class = " page__bd " > < view class = " weui-tab " > < view class = " weui-navbar " > < block wx: for = " {{tabs}} " wx: key = " *this " > < view id = " {{index}} " class = " weui-navbar__item {{activeIndex == index ? ' weui-bar__item_on ' : ' ' }} " bindtap = " tabClick " > < view class = " weui-navbar__title " > {{item}} </ view > </ view > </ block > < view class = " weui-navbar__slider " style =" left: { { sliderLeft } } px ; transform: translateX( { { sliderOffset } } px ) ; -webkit-transform: translateX( { { sliderOffset } } px ) ; " > </ view > </

流式布局 百分比布局也叫作流式布局、弹性盒布局。手机网页没有版心，都左右撑满。 百分比能够设置的属性是width、height、padding、margin。其他属性比如border、font-size不能用百分比设置的。 如果用百分比写width，指的是父元素width的百分比。 如果用百分比写height，指的是父元素height的百分比。 如果用百分比写padding，那么指的是父元素width的百分比，无论是水平的padding还是竖直的padding。 如果用百分比写margin，那么指的是父元素width的百分比，无论是水平的margin还是竖直的margin。 不能用百分比写border的宽度 接下来我们看一个例子： 1234567891011 div{ width:200px; height:300px; padding:10px;}div p{ width:50%; height:50%; padding:10%; }/*此时p的真实宽度是多少？*/ 此时p的真实宽度是140px*190px 媒体查询（media query） 1.为什么响应式 Web 设计需要媒体查询 CSS3媒体查询可以让我们针对特定的设备能力或条件为网页应用特定的CSS样式。如果没有媒体查询，光用CSS是无法大大修改网页外观的。这个模块让我们可以提前编写出适应很多不可预测因素的CSS规则

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> <p>在任何语言里，数组都是基本的数据类型，我们这一节将讲述如何生成数组操作。</p> <p>数组操作包括以下几个：</p> <ol> <li>创建数组 </li> <li>获取数组长度 </li> <li>获取数组每个元素的内容 </li> <li>为数组元素赋值 </li> </ol> <p>我们接下来对每种操作进行详解。</p> <h3><font style="font-weight: bold">创建数组</font></h3> <hr /> <p>我们知道在java中创建数有以下几种方式：</p> <ol> <li>只为数组的分配一定大小的空间，比如：int[][] i1 = new int[2][2]; </li> <li>如果是多维数组只为部分维度分配空间，比如：int[][] i2 = new int[2][]; </li> <li>在创建数组的时候为每个元素赋值，比如：String[] s1 = { "array \"s1\" first value", "array \"s1\" second value" }; </li> <li>这种方式和第三中方式差不多，只不过这里创建的是多维数组，比如：String[][] s2 = { { "s2[0][0]", "s2[0][1]" }, {

CSS Reset，意为重置默认样式。HTML中绝大部分标签元素在网页显示中都有一个默认属性值，通常为了避免重复定义元素样式，需要进行重置默认样式（CSS Reset）。举几个例子： 1.淘宝（CSS Reset）： html { overflow-x:auto; overflow-y:scroll; } body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td { font-weight:400; margin:0; padding:0; } h1, h2, h3, h4, h4, h5 { margin:0; padding:0; } body { background-color:#FFFFFF; color:#666666; font-family:Helvetica,Arial,sans-serif; font-size:12px; padding:0 10px; text-align:left; } select { font-size:12px; } table { border-collapse:collapse; } fieldset, img { border:0 none; } fieldset { margin:0; padding:0; }

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> navbar-fixed-top 固定顶部 navbar-fixed-bottom 固定底部 pull-left 左浮动 pull-right 右浮动 clearfix 清除浮动 使用字体类 Font Awesome 首先要将font-awesome.min.css引入， 然后将字体文件引入，并且确保和font-awesome.min.css里面定义的路径可以访问到它，如'../font/fontawesome-webfont.woff?v=3.2.1'。 text-center 文字居中 center-block 图片类居中 来源： oschina 链接： https://my.oschina.net/u/2385858/blog/700611

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 关于@font-face ** @font-face **是 CSS3 中的一个模块，使用 @font-face 可以自定义网页字体，即使用户的电脑没有安装某种字体。怎么用 @font-face 呢？你可能见过类似下面的代码片段，它可以让 @font-face 兼容所有浏览器。 @font-face { font-family: "SentyZHAO"; src: url("/fonts/SentyZHAO.eot"); /* IE9 */ src: url("/fonts/SentyZHAO.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/fonts/SentyZHAO.woff") format("woff"), /* chrome, firefox */ /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("/fonts/SentyZHAO.ttf") format("truetype"), url("/fonts/SentyZHAO.svg#SentyZHAO") format("svg"); /* iOS 4.1- */ font-style: normal;

场景 效果 注： 博客主页： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 新建一个Form窗体，设计页面布局如下 折叠效果的向上和向下按钮是PictureBox，从上往下依次的Tag标签为1,2,3 三个PictureBox都绑定同一个点击事件，在点击事件中根据传递的Tag标签的值在Switch-case中进行处理。 在Switch-case中分别将对应的一组PictureBox和Panel对象赋值给上面声明的静态的两个控件对象。 下面要隐藏的Panel对象的tag属性默认为0，在上面switch-case中获取一组对应的控件对象后进行判断， 如果Tag为0或者2则是将Panel隐藏，同时将Tag标签设置为1，表示隐藏。 如果是1，则表示已经处于隐藏状态，则会将其显示并将Tag设置为2。 关键代码 private static Panel Var_Panel = new Panel(); private static PictureBox Var_Pict = new PictureBox(); private static int Var_i = 0; private Font Var_Font = new Font("宋体", 9); private void

场景 效果 注： 博客主页： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 新建一个Form窗体，设计页面布局如下 折叠效果的向上和向下按钮是PictureBox，从上往下依次的Tag标签为1,2,3 三个PictureBox都绑定同一个点击事件，在点击事件中根据传递的Tag标签的值在Switch-case中进行处理。 在Switch-case中分别将对应的一组PictureBox和Panel对象赋值给上面声明的静态的两个控件对象。 下面要隐藏的Panel对象的tag属性默认为0，在上面switch-case中获取一组对应的控件对象后进行判断， 如果Tag为0或者2则是将Panel隐藏，同时将Tag标签设置为1，表示隐藏。 如果是1，则表示已经处于隐藏状态，则会将其显示并将Tag设置为2。 关键代码 private static Panel Var_Panel = new Panel(); private static PictureBox Var_Pict = new PictureBox(); private static int Var_i = 0; private Font Var_Font = new Font("宋体", 9); private void

开发背景： 远程服务器如果出问题了，经常要使用ping,tracert,tcping等命令做些初步的诊断，判断服务器问题出在哪方面。于是就想集成这些常用的命令或工具到一个GUI界面中，实现一键调用。 开发环境： win 7 64位，Python 3.6.2，wxpython 具体思路： 通过wxpython实现GUI界面，通过subprocess.Popen创建新进程执行dos命令实现工具的调用。 功能实现： GUI 界面： 实现ping,tracert,tcping命令： 关键步骤： 按钮事件代码： self.Bind(wx.EVT_BUTTON,lambda _:subprocess.Popen('cmd /k ping -t '+tc.GetValue().split(':')[0]),b1) wx.EVTBUTTON是按钮事件 lambda _:subprocess.Popen('cmd /k ping -t '+tc.GetValue().split(':')[0]) 是绑定的函数 b1 是ping按钮的变量名 这次的关键在按钮事件绑定的函数。 1、因为函数要传入dos命令作为参数，所以需要使用lambda 匿名函数，否则函数会在程序启动时执行，而不是在发生按钮事件时执行。 2、使用什么方法调用dos命令，os.system()，os.popen(

1，在vue-cli项目目录下创建vue.config.js文件 module.exports = { module: { rules: [ { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('fonts/[name].[hash:7].[ext]') } } ] } } 2，在src目录下新建font目录，并创建font.css文件，并将字体文件放进该目录 font.css: @font-face { font-family: 'BEBA'; src: url('BEBA.ttf'); } 3，在项目中引入，比如在APP.vue中引入，在子页面Index.vue中使用 APP.vue <template> <div id="app"> <router-link to="/Index">首页</router-link> <router-view></router-view> </div> </template> <script> export default { } </script> <style lang="less"> @import "./font/font.css"; </style> Index