font | 易学教程

第3天-解决SPI FLASH里文件丢失的问题

阅读更多关于第3天-解决SPI FLASH里文件丢失的问题

板子信息（mini板子）处理器：STM32F103RCT6 @ 72Mhz 内存：48kb RAM+256kb ROM SD卡：OMB/OMB FLASH盘：1268kb/4896kb 操作系统：uCOS IIV2.91 图形界面：ALIENTEK GUI 硬件平台：ALIENTEK MiniSTM32 V3 问题描述开机出现font error信息，无法启动system 解决方案(Linux主机+windows虚拟机+usb转串下载) 采用虚拟机分配USB的方法（注：如果是分配串口，会出现STM_WriteMemory错误，不能正常下载，原因不明。）配置vbox识别USB设备，方法来源：http://xuantan.iteye.com/blog/1130808 a. 在http://www.virtualbox.org/wiki/Downloads 网站上下载VirtualBox 4.0.10 Oracle VM VirtualBox Extension Pack 软件包并安装。 b. sudo /usr/sbin/usermod -G vboxusers -a `logname` #将当前用户添加到vboxusers用户组中 c. cat /etc/group |grep vboxusers #查看vboxusers的ID，其结果类似vboxusers:x:108

form表单实现用户注册界面

阅读更多关于 form表单实现用户注册界面

<input type="元素名称"/> button: 普通按钮 value=“按钮的文字” js/jquery代码 checkbox 复选框 checked=“checked”默认选中 file 上传控件 hidden 隐藏域 value=“值” 和php脚本程序交互 image 图片提交按钮 src=“图片路径”图片形态 <form> action=“处理页面” method=“post/get” submit 和图片提交按钮image功能一样按钮形态 password 密码框 radio 单选框排他效果 name=“相同” text 文本框 reset 重置把所有表单元素还原成默认状态 value=“按钮上的文字” <texteara cols=“文本列数” row=“文本行数”> 没有滚动条cols+2 代码部分： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <table border="2px" bordercolor="#FF0000" width="800px" height="700px" align="center"> <tr> <td valign="top"> <table align="center" border=

博客园主题美化

阅读更多关于博客园主题美化

主题作者的博客：https://www.cnblogs.com/Dy1an/，感谢作者！本博客就是使用当前主题，具体效果如下：页面定制 CSS 代码 * { margin: 0; padding: 0 } a { text-decoration: none; color: #1c2b36 } body { background-color: #fff; font-size: 13px; letter-spacing: 1px } #header { background-image: url(https://img2018.cnblogs.com/blog/979767/201911/979767-20191115092708101-1793403956.jpg); background-size: cover; min-height: 600px; } #header::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: .8; background: #1C1D21; height: 600px; } #header a, h1, img { z-index: 1; color: white; position: relative; } #header

前端基础-css(3)

阅读更多关于前端基础-css(3)

一、文本属性和字体属性（常用） 1、文本属性　　- /*对齐方式*/ 　　　　text-align:left|right|center|justify（两端对齐，只适用于英文）; 　　- /*文本颜色*/ 　　　　color:色值; 　　- /*首行缩进，建议单位用em*/ 　　　　text-indent:2em; 　　- /*文本修饰*/ 　　　　text-decoration:none|underline|overline|line-through|inherit; 　　- /*行高*/ 　　　　line-height:高度值; 2、字体属性　　- /*字体大小（最小12px）*/ 　　　　font-size:数值|inherit；　　- /*字体粗细*/ 　　　　font-weight:normal|bold|border|lighter|100~900|inherit; （100~300没区别）　　- /*字体系列*/ 　　　　font-family: "Microsoft Yahei", "微软雅黑", "Arial"；行高的使用　　(1) 针对单行文本垂直居中　　　　公式：行高的高度等于盒子的高度，可以使当行文本垂直居中，注意只适用单行文本。　　(2) 针对多行文本垂直居中　　　　　　行高的高度不能小于字体的大小，不然上下字之间会紧挨一起。　　　

python背单词

阅读更多关于 python背单词

为了实现上述功能，需要考虑以下几个点：用什么样的方式将题目和选项显示在屏幕上如何根据玩家的回答变选项的颜色首先，关于第一点的思路如下因为题目和选项的内容在不断变化，给每一个问题和选项都设置一个输出语句不现实在这种情况下，用文件就比较合适用readlines方法读出来的文件会存到一个列表中，文件中的每一行都是列表中的一项，但是用print语句输出这个列表后发现，列表中的每一项后面都会带一个换行符为了删除这个换行符，使用了如下方法此处还要注意，因为文件中有中文，所以打开文件时必须加上编码方式（应该就是这个原因，我加了才对了） f=open(textname,encoding='utf-8') #transfer gbk(the way of chinese text) to utf-8 question_data=f.readlines() f.close() for question_line in question_data: self.data.append(question_line.strip()) #load in data[] in lines without any strip self.total+=1 def print_text(font,x,y,text,color=(255,255,255),shadow=True): #font

【干货】前端rem单位的正确使用姿势

阅读更多关于【干货】前端rem单位的正确使用姿势

简单阐述下px、em、rem之前的关系（其实网上很多，我这里稍微提一下）。先抛出一个问题：为什么要选择rem？ px：像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。 em：继承父级的，假设html的font-size默认为16px，body字体大小定义为50%，那么在body里字体大小就是1em=8px了。可当你又定义了一个div，然后把字体设置成了50%，请问，现在div下的1em等于多少？因为继承了父级的值，现在这个div里的1em=4px，这么嵌套下去的话，抱歉，我数学不好！所有rem就出现了。 rem：是em的升级版，rem只会相对html的值，不会受到父级的影响，这样的好处在于：从em里的例子来讲，1rem始终会等于8px。使用的时候不需要重新计算rem此时的大小。rem因为是css3增加的，所以ie8或以下请无视（始终想不明白，为什么国人至今对微软都放弃的ie这么恋恋不舍）。以上也算是讲清了他们之间的区别和关系，rem更多的运用于移动H5页面的适配使用。下面来说说怎么更方便的使用rem和自己开文处提到的坑！之前遇到的坑是这样的。浏览器默认的字体大小都是16px（注意这里），所以要使1rem=10px

理解css中的长度单位

阅读更多关于理解css中的长度单位

很基础的一个问题，但是，其实看起来很复杂的样子～～我们来捋一捋吧～～ css3中也对css中用到的单位进行了改进，单位也就是那几个，所以我们要搞清楚再用。 %——百分比 in——寸 cm——厘米 mm——毫米 pt——point，大约1/72寸； pc——pica，大约6pt，1/6寸； px——屏幕的一个像素点； em——元素的font-size； ex——font-size的x-height值，为小写字母x的高度，通常相当于font-size的一半。我们常用的有px、%、em，px就不多说了，em和%多说点儿： 1 2 3 .box { line-height : 1.3em ; } 元素的行高是当前元素继承的font-size的1.3倍， 1 2 3 .box { font-size : 1.3em ; } 当前元素的字体大小是其继承的font-size的1.3倍。 1 2 3 .box { line-height : 130% ; } 元素的行高是当前元素继承的font-size的130%倍，等同于1.3em。 1 2 3 .box { font-size : 130% ; } 当前元素的字体大小是其继承的font-size的130%倍，等同于1.3em。恩，迷惑了吗？ em就是基于当前元素的(如果没设置就是继承其父元素的)font-size。而%对于font

CSS测试题Ⅱ

阅读更多关于 CSS测试题Ⅱ

1.如何使用 CSS3 强制换行？ A. word-wrap: break-word; B. text-wrap: break-word; C. text-wrap: force; D. text-width: set; 答案：A. word-wrap: break-word; 2.下面哪个是有效的 CSS3 转换语句？ A. matrix() B. modify() C. skip() D. simulate() 答案：A. matrix() 注解：matrix() 方法把所有 2D 转换方法组合在一起，matrix() 方法需要六个参数，包含数学函数，允许您旋转、缩放、移动以及倾斜元素。 3.如何使用 CSS3 旋转对象？ A. object-rotation: 30deg; B. transform: rotate(30deg); C. rotate-object: 30deg; D. transform: rotate-30deg-clockwise; 答案：B. transform: rotate(30deg); 注解：transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 4.box-shadow 是否支持所有浏览器？ A. 正确 B. 错误答案：A. 正确 5.如果 border-radius 设置为 0

Web引用中文个性字体

阅读更多关于 Web引用中文个性字体

最近在前端开发时，因为设计的原因，要引用一些特殊字体（otf格式），但是后来发现这些字体文件非常大，平均每个要8mb左右，严重影响了网页效率。经过一番搜索，发现了前端字体压缩工具（只支持utf-8格式）font-spider. font-spider介绍具体介绍可以查看， http://font-spider.org/index.... 安装先安装好 NodeJS，然后执行：npm install font-spider -g 使用 /*声明 WebFont*/ @font-face { font-family: 'pinghei'; src: url('../font/pinghei.eot'); src: url('../font/pinghei.eot?#font-spider') format('embedded-opentype'), url('../font/pinghei.woff') format('woff'), url('../font/pinghei.ttf') format('truetype'), url('../font/pinghei.svg') format('svg'); font-weight: normal; font-style: normal; } /*使用选择器指定字体*/ .home h1, .demo > .test { font

页面Tab切点击切换

阅读更多关于页面Tab切点击切换

一直对于JS、jquery比较生疏，苦于在前端路上一直是孤军奋斗，没人学习交流，全靠自己琢磨。上家公司时抽了一些空余时间对于js、jquery的基本知识进行了一些系统的自学，并没有实际去写一些相关的项目，但自我感觉已经掌握了不少了，在这种自我感觉良好的情况下跳槽到了现在的公司：有货，主要工作内容就是活动pc及app页面的是制作，添加链接，基础到不行的工作。上次的活动需要写个Tab切，心想还是有点自学基础的我就开始动手写了，结果，挫败感很强啊，一个简单的tab切换效果写起来错误百出，下面是我一开始的代码： CSS部分： .tab_head { width : 100 % ; margin : 0 auto ; position : relative ; } .tab_head a { position : absolute ; display : block ; cursor : pointer ; } .tab_head_bg { display : block ; } .tab_head_bg img { display : block ; width : 100 % ; } HTML部分： < div >  < div class = "tab_head" > < a class = "tab1" style = "width: 23.5%;

订阅 font