font-family | 易学教程

SharePoint Designer - Workflow

阅读更多关于 SharePoint Designer - Workflow

另一篇文章 SharePoint 2013 - Designer Workflow 1. Set field in current item : 不要连续多次使用，否则在发布时会出现unexpected error；当需要同时更新几个字段时，使用update list item。 2. Error：　　（1）Errors were found when compiling the workflow. The workflow files were saved but cannot be run. Unexpected error on server associating the workflow。 --------http://support.microsoft.com/kb/2557533 3. Wait for Field Change in Current Item: 可使用此活动将工作流停顿在某一步； 4. 获取InfoPath的文件名（含扩展名）时，可以用 'Name (for use in forms)'，或者Title属性，但不要使用Name属性，因为Name属性不包含扩展名； 5. Email 模板 <head><style>TABLE.mail { border-style:none; border-collapse:collapse; font:8pt

Opera-win-12.02的糟糕的字体渲染

阅读更多关于 Opera-win-12.02的糟糕的字体渲染

<!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>创建一个基本HTML5模板</title> <style type="text/css"> body { font-family: "Source Code Pro","Microsoft YaHei",微软雅黑; } </style> </head> <body> Hi,你好吗？ </body> </html> 该段代码在IE8、Chrome 22、Nightly 19中达到了英文字体使用 "Source Code Pro"，中文使用微软雅黑的目的。但是在Opera 12中却全部显示为微软雅黑。如下图： <!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>创建一个基本HTML5模板</title> <style type="text/css"> @font-face { font-family: "SourceCodePro"; src: url("http://localhost:8888/music/assets/font/SourceCodePro/TTF/SourceCodePro-Regular.ttf") format(

css3 嵌入字体@font-face

阅读更多关于 css3 嵌入字体@font-face

语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }通过给服务器嵌入字体，我们就可以在网页上使用我们想要使用的字体了。 <style> @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); /* IE9+ */ } div { font-family:myFirstFont; } </style> 嵌入字体的粗体类型。 @font-face { font-family: myFirstFont; src: url('Sansation_Bold.ttf'), url('Sansation_Bold.eot'); /* IE9+ */ font-weight:bold; } 来源： https://www.cnblogs.com/zdl2234/p/10336419.html

less语法--混合（mixins）上

阅读更多关于 less语法--混合（mixins）上

普通混合一、什么是混合？混合就是一种将一系列属性从一个规则及集引入（“混合”）到另一个规则集的方式。二、实例 1、less编写 .border{ color:#00f; font-family:“宋体” } h1{font-size:20px;.border} h2{font-size:20px;.border} 2、编译结果 h1{font-size:20px;color:#00f; font-family:“宋体”} h2{font-size:14px;color:#00f; font-family:“宋体”} 不带输出的混合一、什么是不带输出的混合如果你想要创建一个混合集，但是却不想让它输出到你的样式中二、使用方法在不想输出的混合集的名字后面加上一个括号，就可以实现 1、less语句 .border{color:#00f} .border-mixin(){font-family:“宋体”} h1{.border;.border-mixin} 2、编译结果 .border{color:#00f} h1{color:#00f; font-family:“宋体”} 带选择器的混合 1、less语句 .border-mixin(){ &:hover{ border:1px solid #f00 } } h1{.border-mixin()} 2、编译结果 h1

二十款漂亮的CSS字体样式

阅读更多关于二十款漂亮的CSS字体样式

样式一： body { margin: 0; padding: 0; line-height: 1.5em; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #000000; background: #f2e7ca url(images/templatemo_body.jpg) top center no-repeat; } 样式二： body { background:#2f373a; font-family:Arial,Helvetica,sans-serif;font-size:100%; line-height:1em;color:#4e4e4e; min-width:920px; border-top:10px solid #0c0e0e } 样式三： body { font-family:Arial,Helvetica,sans-serif; font-size:1em; vertical-align:middle; font-weight:normal } 样式四： body { margin:0px; padding:0px; background-color:#E7EAEB; font-family:"微软雅黑","黑体","宋体"; font-size:12px;

CSS - icon图标(icon font)

阅读更多关于 CSS - icon图标(icon font)

1. 概念这个小红点是图标，图标在CSS中实际上是字体。 2. 为什么出现本质是字体的图标? 2.1 图片增加了总文件的大小。 2.2 图片增加了额外的http请求，大大降低网页的性能。 2.3 图片不能很多地进行缩放，因为图片放大和缩小会失真。 3. 字体图标的优点，结合图片和文字的特性 3.1 可以做出跟图片一样可以做的事情,改变透明度、旋转度等等 3.2 本质是文字，可以很随意的改变颜色、产生阴影、透明效果等等 3.3 体积更小，可携带的信息没有削减 3.4 几乎支持所有浏览器 3.5 对移动端设备友好 4. 字体图标使用流程网站看bookmarks，美工 --> 图标 5. 字体引入到HTML 以https://icomoon.io/#home为例点击右上角的IcoMoon App 将下载来的压缩包中的fonts文件夹放进我们的项目中在html中声明字体 @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?7kkyc2'); src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?7kkyc2') format('truetype'), url(

video.js

阅读更多关于 video.js

video.js 是一款基于HTML5的自定义样式网络视频播放器，会在video标签基础上新增一些自定义样式和一些小功能，此外它还会自动检测浏览器对HTML5的支持情况，如果不支持HTML5则使用Flash播放器。 1 首先现引入 video-js.css 和 video.min.js 　　video-js.css .video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(../font/2.0.0/VideoJS.eot?#iefix) format("eot")}@font

flask专题-小说网站开发三（注册，登录）

阅读更多关于 flask专题-小说网站开发三（注册，登录）

前面几篇准备好了数据库，数据，现在开始往后开发，部分可能与网上他人使用方式不同，本人第一次做，功能都实现了，这一篇开发注册与登录，先贴样式前端登录：注册：前端样式如上图注册操作：用户输入昵称，账号，密码和确认密码，确认后将前端数据传递到后台进行验证，昵称不能超过10个汉字，账号由纯数字组成，密码不能超过8位，账号唯一，昵称不唯一。登录操作：用户输入账号密码，后台验证账号所对应密码是否一致，不一致使用flash消息闪现传递提示消息。前端具体代码：新建base.html作为模板 base.html < ! - - 模板页面，网站图标，菜单栏和侧边栏都在这儿定义 - - > { % extends "bootstrap/base.html" % } < ! - - 网站标题 - - > { % block title % } { { super ( ) } } { % endblock % } < ! - - 头部 - - > { % block head % } < ! - - 继承父类 - - > { { super ( ) } } < ! - - 网站图标，图片在static / images文件夹下 - - > < link rel = "shortcut icon" href = "{{ url_for('static', filename='favicon

LESS基础教程

阅读更多关于 LESS基础教程

一、初见LESS 1. 什么是LESS Less是Css的预编译语言，兼容Css语法，在其基础上扩展，可以使用变量，混合，继承，函数等语法，更贴近编程语言，在开发时使用，生产时将Less转换为Css文件。 2. LESS的官方网站中文网址： http://lesscss.cn/ 3. LESS与CSS的写法 CSS的写法 .content{ display: flex; } .content .item{ width: 100rem; height: 100rem; background: pink; color: #fff; } LESS的写法 .content{ display: flex; .item{ width: 100rem; height: 100rem; background: pink; color: #fff; } } 4. 搭建开发环境因为 less 其实无法在浏览器上运行的，它要编译成CSS才行。主要以下方法下载less.js文件，利用该文件编译less，但是太建议使用借助考拉这软件编译借助 vs code ，在该编辑器安装编译less的插件，less文件保存后就会自动生成对应的CSS 借助 node 环境因为前面两种没用过，所以主要介绍下后两种在vs code安装less的编译插件安装插件 Easy LESS ，如下图所示有了这个后

博客园美化主题推荐之Bili

阅读更多关于博客园美化主题推荐之Bili

博客园美化主题推荐之Bili 一、前言本博客美化主题作者为： GShang ，本文仅在教导如何快速把该美化主题应用到自己的博客中，详细部署内容见博客园主题——Bili2.0来啦。二、博客预览以下为该美化主题的简单预览：三、部署美化主题 3.1.准备工作如果没有开通博客园页面js权限的，先要在博客设置页面申请权限，之后才能开始部署美化主题。（只要礼貌点，客服很快就会批准的😀）。获取js权限之后进入博客设置界面：在这里可以添加自定义的样式代码。 3.2.页面定制 CSS 代码在 "页面定制 CSS 代码" 框中输入以下样式代码： /* 导入符号字体 */ @import url(https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css) screen and (min-width:0px); @import url(https://at.alicdn.com/t/font_438759_kmvtb0te1nd.css) screen and (min-width:0px); textarea[title=js]{ display: none; } /* 此处可自定义修改 */ /* 设置全局变量 */ @media screen and (min-width:0px) { :root { /

订阅 font-family