大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

font

font:字体。在微机系统里通常用“fonts”文件夹存放已安装的字体,自己安装字体时,也需要装入“fonts”文件夹中。第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。

七夕心形图案漂浮

七夕心形图案漂浮 这不今天七夕嘛,虽然我没有女朋友,但是作为程序员我可以new一个啊 哈哈哈 这次实现的是鼠标点击处心形漂浮的炫酷效果,这个效果是通过juqery实现的,头部通过引入封装好的jquery。 下面直接附上代码 测试 *{ margin: 0px;//获取鼠标点击的位置坐标 $i.css({ "z-index": 9999, "top": y - 20, "left": x, "position": "absolute", "color": 'red', "font-size": 14, });

HTML蒙版--带过渡效果

HTML蒙版--带过渡效果 HTML: How is it going? 2018 CSS: .container { width: 555px; height: 200px; position: relative;mask { /*使mask层级高于content*/ z-index: 2; background-color: #E8921F; -webkit-transition: opacity . width: 100%; top: 50%; font-size: 40px; text-align: center; /*使content文字部分层级低于mask*/ z-index: 1;mask span { color: white; font-size: 48px;

19、分类详情页之基本页面结构

19、分类详情页之基本页面结构 前言:这章讲下分类页面的撰写,主要是涉及几个知识点:① 编程式路由的运用;② 阿里巴巴矢量图标库;③ vue.js中如何获取屏幕的高度并动态设置元素的高度; height: 1.28rem; font-size: 0; background-color: #de3d96;

Swift-添加自定义字体(otf,ttf)

Swift-添加自定义字体(otf,ttf) 项目中开发的过程中需要新增字体,如otf字体,ttf字体,分为以下几步: 1.将字体拖入项目中,如下: 字体.= nil { label.font = font self.view.addSubview(label) }

生命周期

生命周期 示例代码: {{value}} .title {font-size: 48px;

iOS 面向协议方式封装空白页功能

, objc_AssociationPolicy.OBJC_ASSOCIATION_RETAIN_NONATOMIC) } } } 3、完善lxf_EmptyDataSet方法 这里我们让外界通过闭包的方式来定制自己的空白页 // MARK:- UIViewController - 空视图占位协议 public extension LXFEmptyDataSetable where Self : UIViewController { func lxf_EmptyDataSet(_ scrollView: UIScrollView, attributeBlock: (()- ([LXFEmptyDataSetAttributeKeyType : Any]))?tipImage] as?tipStr:"哟哟哟", .

less的函数与循环——使用总结

less的函数与循环——使用总结 也是不定期更新吧,具体也没有总结一下: 之前的文章 less的配置安装及语法使用 也介绍了一些less的语法, 这里只是根据我平时会用到的进行一个总结: 函数参数带有类名设置 函数定义 这个根据每个的设计稿和基础适配的font-size决定,我这里只是说传入参数生成对应的rem的值 @base:750 / 720 * 0.01;/resource/@{pngName}.loop(@i) when (@i length(@bgcardList)+1){ .

解决图片底部间隙问题

容器 font-size 足够小. 此方法要想生效, 需要容器的 line-height 属性值和当前 font-size 相关, 如 line-height: 1.5; 或者 line-height: 150% 之类; 否则只会让下面的间隙变得更大, 因为基线位置因字符x变小而往上升了 图片设置其他 vertical-align 属性值. 间隙的产生原因之一就是基线对齐, 所以我们设置 vertical-align 的值为 top、middle、bottom 中的任意一个都是可以的

一张图助你快速记忆CSS所有属性

一张图助你快速记忆CSS所有属性 CSS的属性很多,有许多人都抱怨说要怎麼才能快速记忆CSS的属性呢.(闪烁) 常用字体:(font-family) "Courier New", Courier, monospace,"Times New Roman", Times, serif, Arial, Helvetica, sans-serif,Verdana 背景属性:(background) 色彩 background-color:#FFFFFF;) repeat fixed left top; text-bottom; inline-table; table-column; border-width:; 简写方法 border:width style color; clip:rect(12px,auto,12px,auto) (裁切)

制作淘宝导航栏

制作淘宝导航栏 image.png 我要做的是一个淘宝的导航栏,图片中画圈的部分,实现起来不是很难。 Document *{ margin: 0; } ul,li{ list-style:none;/* 设置默认超链接样式为白色*/ text-decoration:none;/* 清除默认样式*/ } li{ margin:0 10px; /* 左浮动*/ line-height:30px; /* 行高设置*/ font-weight:700;/* 设置文字大小*/ color:#fff; } #banner{ background-color:#ff9000; /* 设置div宽高背景色*/ width:1342px;

iOS开发 如何在列表上方添加水印

iOS开发 如何在列表上方添加水印 为了防止工程师泄露用户信息,我们有个需求是在列表上面添加水印。我封装了这个视图分享出来。 水印效果图.png watermarkView.h #import @interface watermarkView : UIImageView /** 设置水印 @param frame 水印大小 @param markText 水印显示的文字 */ - (instancetype)initWithFrame:(CGRect)frame WithText:(NSString *)markText; CGFloat orignY = -(sqrtLength-viewHeight)/2; CGContextRestoreGState(context);

python文件读写(三)-Excel表格三剑客xlwt,xlrd,xlutils

python文件读写(三)-Excel表格三剑客xlwt,xlrd,xlutils 1.写xlwt import xlwt f = xlwt.Workbook() sheet1 = f.add_sheet(u'sheet1', cell_overwrite_ok=True) style = xlwt.XFStyle()#创建格式style1 def font(Name="Times New Roman",Bold=True,Colour=0,Height=0x190,Italic=False,Struck=False):#设置字体格式 doc=''' clolour_index: 0 = Black, 1 = White, 2 = Red, 3 = Green, 4 = Blue, 5 = Yellow, 6 = Magenta

Python执笔画图,代码一跑,哆啦A梦就出来了!

Python执笔画图,代码一跑,哆啦A梦就出来了! Python执笔画图,代码一跑,哆啦A梦就出来了! 环境: python 3.6 sublime text 3 turtle模块 核心就是turtle模块,它可以让你使用海龟图形(turtle graphics)绘制图像。 1.png Python执笔画图,代码一跑,哆啦A梦就出来了! 先介绍下关于它的使用方法: 函数: Python执笔画图,代码一跑,哆啦A梦就出来了! 6)turtle.write(s

Angular2+中如何引用自定义的字体

src: url('assets/font/huawencaiyun.ttf'); font-weight: normal; font-style: normal; } font-family是自己定义字体的名字。 第四步:在需要的字体加上css font-css{ font-family: 'huaWenCaiYun'; } angular2以后的版本可能会有细微的变更,但是问题不大。

关于PIXI引擎制作页面小游戏的几个总结

关于PIXI引擎制作页面小游戏的几个总结 1.有交互的元素一定要设interactive属性为true,否则监听的事件都将无反应。 2.使用css旋转画布的方式会导致事件响应错乱,应该使用内置旋转的方法 3.Canvas横屏适配问题。 // 利用 CSS3 旋转 对根容器逆时针旋转 90 度 function detectOrient() { let width = document.documentElement.clientWidth, height = document.documentElement.clientHeight, ratio = _view.height / height;

CSS基础样式

CSS基础样式 一、什么是 CSS 继承? h3{ border: 1px blue solid; white-space: nowrap; text-overflow: ellipsis; } 五.px, em, rem,vw 有什么区别? px: 固定单位 em: 相对单位,继承父级元素的字体大小 rem: 相对单位,相对于根元素(html)的大小 vw: 相对单位,视口宽度的1%

用闭包写一个Tab选项卡,为什么要用闭包以及闭包造成内存泄露

用闭包写一个Tab选项卡,为什么要用闭包以及闭包造成内存泄露 直接上代码吧! Title *{margin: 0;box{width: 500px;height: 200px;} #tab{width: 498px;height: 48px;} #tab li{font-size: 16px;line-height: 50px;height: 150px;background: burlywood;} #content div{display: none;active{background: #47c1f7;font-size: 22px; var li = tab.getElementsByTagName('li'); var content = document.getElementById('content'); var div = content.getElementsByTagName('div');

5分钟彻底理解-Java自动装箱、拆箱

list.add(1.0f); float firstElement = list.get(0);png 结果是不是很诡异,我们直接去看Integer类valueOf方法的实现(JDK8的实现) public static Integer valueOf(int i) { if (i = IntegerCache.low i = IntegerCache.high) return IntegerCache.cache[i + (-IntegerCache.low)]; } 可以看到,这里的实现并不是简单的new Integer,而是用IntegerCache做一个cache,cache的range是可以配置的 private static class IntegerCache { static final int low = -128;