font

《CSS世界》(张鑫旭)pdf

匿名 (未验证) 提交于 2019-12-02 20:21:24
下载地址: 内容简介 本书从前端开发人员的需求出发,以“流”为线索,从结构、内容到美化装饰等方面,全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点。同时,作者结合多年的从业经验,通过大量的实战案例,详尽解析CSS的相关知识与常见问题。作者还为本书开发了专门的配套网站,进行实例展示、问题答疑。 作为一本CSS深度学习的书,书中介绍大量许多前端开发人员都不知道的CSS知识点。通过阅读本书,读者会对CSS世界的深度和广度有一个全新的认识。 张鑫旭,前端开发工程师,国内知名前端博客“鑫空间-鑫生活”博主,目前就职于阅文集团用户体验设计部(YUX),担任技术经理。2007年开始接触前端,10年来一直工作在前端开发一线,在HTML/CSS等与交互体验关系密切的领域花了大量的时间学习和研究,有比较多的心得体会。 第 1章 概述 1 1.1 CSS世界的“世界观” 1 1.2 世界都是创造出来的 3 1.3 CSS完胜SVG的武器―流 4 1.3.1 何为“流” 5 1.3.2 流是如何影响整个CSS世界的 6 1.3.3 什么是流体布局 6 1.4 CSS世界的开启从IE8开始 6 1.5 table自己的世界 7 1.6 CSS新世界―CSS3 7 第 2章 需提前了解的术语和概念 8 2.1 务必了解的CSS世界的专业术语 8 2.2 了解CSS世界中的“未定义行为” 11

登录-注册页面修订

不问归期 提交于 2019-12-02 20:18:10
登录页面修订 <template> <div class="login box"> <img src="@/assets/img/Loginbg.jpg" alt=""> <div class="login"> <div class="login-title"> <img src="@/assets/img/Logotitle.png" alt=""> <p>帮助有志向的年轻人通过努力学习获得体面的工作和生活!</p> </div> <div class="login_box"> <div class="title"> <span :class="{active: a0}" @click="changeLogin(0)">密码登录</span> <span :class="{active: a1}" @click="changeLogin(1)">短信登录</span> </div> <div class="inp" v-if="login_type==0"> <input v-model="username" type="text" placeholder="用户名 / 手机号码" class="user"> <input v-model="password" type="password" name="" class="pwd" placeholder="密码"> <div

数据分析之matplotlib

試著忘記壹切 提交于 2019-12-02 16:45:58
一.折线图(某天10点到11点的温度变化情况) from matplotlib import pyplot as plt from matplotlib import font_manager import random # 找到中文字体存放路径及名称 my_font = font_manager.FontProperties(fname='C:\Windows\Fonts\STFANGSO.TTF') # 设置x轴 x = range(0, 120) # 设置y轴 y = [random.randint(20, 35)for i in range(120)] # 设置大小及清晰程度 plt.figure(figsize=(20, 8), dpi=80) # 合并想x,y轴 plt.plot(x, y) # 设置x轴刻度大小 _x = list(x) _x_detail = ['10点{}分'.format(i)for i in range(60)] _x_detail += ['11点{}分'.format(i) for i in range(60)] plt.xticks(_x[::3], _x_detail[::3], rotation=45, fontproperties=my_font) # rotation旋转度数 # 设置x,y轴所代表的含义以及单位 plt

CSS鏍峰紡鍜屽睘鎬?/span>

匿名 (未验证) 提交于 2019-12-02 16:45:31
CSS鏍峰紡 css鏍峰紡鍒嗕负涓夌锛氬唴閮ㄦ牱寮忋€佽鍐呭紡锛堝唴鑱旀牱寮忥級銆佸閮ㄦ牱寮忥紙澶栭摼寮忥級 鍐呴儴鏍峰紡锛欬/li> css鏍峰紡鏀惧湪head鍐匋/p> 琛屽唴寮忥紙鍐呰仈鏍峰紡锛夛細 css鏍峰紡鏀惧湪鏍囩鍐匋/p> 澶栭儴鏍峰紡锛堝閾惧紡锛夛細 鏂板缓涓€涓猚ss鏍峰紡鏂囦欢锛屽鍥近/p> 鍦╤ead閲岃緭鍏ink鍐嶆寜涓婽ab閿摼鎺ュ閮ㄧ殑css鏍峰紡 CSS閫夋嫨鍣?/h2> 鈶犳爣绛鹃€夋嫨鍣紙鍏冪礌閫夋嫨鍣級 鈶$被閫夋嫨鍣?/h3> 娉ㄦ剰锛氱被鍚嶅墠闈㈣鍔犱釜鑻辨枃鐨勭偣鍙饵/strong> 鈶㈠绫诲悕閫夋嫨鍣?/span> 璇硶锛?lt;鏍囩鍚 class=鈥滅被鍚? 绫诲悕2 ...">鏍囩鍚?gt;銆€銆€ 娉ㄦ剰锛氱被鍚?鍜岀被鍚?鏈夌┖鏍奸殧寮€锛屼笖浜岃€呬负涓嶅悓鐨勭被 鈻秉span style="color: #000000;"> css鏍峰紡鏄剧ず鏁堟灉璺焗 tml鍏冪礌涓殑绫诲悕鍏堝悗椤哄簭鏃犲叧锛屽彈css鏍峰紡涔﹀啓鐨勪笂涓嬮『搴忔湁鍏颤/span> 鈶d閫夋嫨鍣?/span> 娉ㄦ剰锛歩d鍚嶅墠闈㈢殑#涓嶈兘婕忔帀锛屼笖id閫夋嫨鍣ㄤ笉鍏佽閲嶅鍙兘浣跨敤涓€娆狘/strong> 鈶ら€氶厤绗﹂€夋嫨鍣?/span> 鍖归厤椤甸潰鐨勬墍鏈夊厓绱燑/span> css鏍峰紡灞炴€?

微信小程序之物流状态时间轴

蓝咒 提交于 2019-12-02 15:58:01
刚好写了一个物流状态的时间轴,简单分享一下哈。 (一)实现效果 真机测试的结果(图片忘记缩小了) github下载源码 (二)实现分析 页面布局拆分: 简单的说:就是父级容器下,左边的子级容器是设置绝对定位(记得父级要设置相对定位哈),然后自己调位置,中间子级容器下放三个子容器(设置时间轴线、点的样式),右边的子级容器设置; wxml代码有备注信息 。 (三)实现代码 1、wxml代码: < view class = ' g_con ' > < view class = ' topExpress ' > < view class = ' topExpress-left ' > < image src = ' /images/Exchange_goods_map_1.png ' style =' width : 60rpx ; height : 60rpx ; border-radius : 50% ; ' > </ image > </ view > < view class = ' topExpress-right ' > < view class = ' topExpress-right-top ' > 圆通速递 </ view > < view class = ' topExpress-right-middle ' > 运单号:813291235464788594 </

微信小程序实战–集阅读与电影于一体的小程序项目(八)

我怕爱的太早我们不能终老 提交于 2019-12-02 12:50:19
31.电影详情页面 movie-template.wxml <view class="movie-container" catchtap="onMovieTap" data-movieId="{{movieId}}"> movie.js onMovieTap:function(event) { var movieId = event.currentTarget.dataset.movieid; wx.navigateTo({ url: "movie-detail/movie-detail?id=" movieId }) }, util.js function convertToCastString(casts) { var castsjoin = ""; for (var idx in casts) { castsjoin = castsjoin casts[idx].name " / "; } return castsjoin.substring(0, castsjoin.length - 2); } function convertToCastInfos(casts) { var castsArray = [] for (var idx in casts) { var cast = { img: casts[idx].avatars ? casts[idx].avatars

解决问题:OSError: cannot open resource

会有一股神秘感。 提交于 2019-12-02 12:49:33
程序出现OSError: cannot open resource错误。 font = ImageFont.truetype(font='font/FiraMono-Medium.otf',size=np.floor(3e-2 * image.size[1] + 0.5).astype('int32')) 错误定位到上句话,经过笔者查资料知,原来是设定的字体的问题。 在Windows环境,字体一般位于 C:\WINDOWS\Fonts 文件夹下。用户可以到此文件夹中查看Python程序中指定的字体是否存在。 从此图可以看出,简体华文新魏字体对应的英文名称为: STXINWEI.TTF ,这个英文名用于Python程序才正确。 还有另一种情况: Python程序没有提示出错,但中文文字无法正常显示(中文输出显示成空白方框),则需要更换支持中文的字体。 来源: https://blog.csdn.net/anshidashen/article/details/102761369

wu

风流意气都作罢 提交于 2019-12-02 06:50:49
body{background:#fff;min-height:100%!important;color:#314659!important;font-family:Lato,"PingFang SC","Microsoft YaHei",sans-serif!important}a{transition:all .3s ease!important}a:hover{color:#2D8CF0!important;text-decoration:none!important}#ad_c1,#ad_c2,#ad_t2,#author_profile,#blogCalendar,#blogTitle h2,#comment_form_container p:nth-of-type(3),#comments_pager_top,#green_channel,#homepage_top_pager,#sidebar_imagecategory,#sidebar_postarchive,#sidebar_recentcomments,#sidebar_recentposts,#sidebar_scorerank,#sidebar_search,#sidebar_shortcut,#sidebar_topcommentedposts,#tip_comment2,#under_post_kb,

Qt简单项目实例之(二)——多功能计算器

倾然丶 夕夏残阳落幕 提交于 2019-12-02 06:47:21
有问题可以加我QQ:2273864757 进行交流学习!!!! 一.简单介绍 整个计算器设计整体按照“插件式,微内核”进行开发,里面包含各个功能的插件,将这些插件集成到我们的主工程之上。 首先,展示相关的功能截图: 此计算器包含基本的加减乘除运算之外,还包含有大整数计算工具,线代计算工具,多项式求解等计算工具,可以在工具下拉菜单里进行选择: 管理器可以记录我们输入的历史记录,常规菜单可以对整个界面的语言和背景颜色等等进行设置: 二.具体实现步骤 2.1 整体界面设置 整体界面设置通过读取配置文件进行整体界面的搭建,属性设置也通过保存到配置文件中进行存储,方便下次打开后使用上次保存的具体信息: void Calculator::readSettings() { QSettings settings; //The QSettings constructor takes arguments that identify your company and the name of the product. //This ensures that the settings for different applications are kept separately. //调整窗口的位置 QPoint pos = settings.value("pos", QPoint(350, 200))