font-family

怎么用javascript进行拖拽

一曲冷凌霜 提交于 2020-01-28 03:48:59
Javascript的特点是dom的处理与网页效果,大多数情况我们只用到了这个语言的最简单的功能,比如制作图片轮播/网页的tab等等,这篇文章将向你展示如何在自己的网页上制作拖拽. 有很多理由让你的网站加入拖拽功能,最简单的一个是数据重组.例如:你有一个序列的内容让用户排序,用户需要给每个条目进行输入或者用select 选择,替代前面这个方法的就是拖拽.或许你的网站也需要一个用户可以拖动的导航窗口!那么这些效果都是很简单:因为你可以很容易的实现! 网页上实现拖拽其实也不是很复杂.第一你需要知道鼠标坐标,第二你需要知道用户鼠标点击一个网页元素并实现拖拽,最后我们要实现移动这个元素. 获取鼠标移动信息 第一我们需要获取鼠标的坐标.我们加一个用户函数到document.onmousemove就可以了: document.onmousemove = mouseMove; function mouseMove(ev){ ev = ev || window.event; var mousePos = mouseCoords(ev); } function mouseCoords(ev){ if(ev.pageX || ev.pageY){ return {x:ev.pageX, y:ev.pageY}; } return { x:ev.clientX + document.body

记一次项目上线后Log4j2不输出日志的坑

…衆ロ難τιáo~ 提交于 2020-01-27 22:19:54
公司项目采用了Log4j2来输出日志,在开发环境和测试环境下均可以输出日志,但在生成环境就没有日志输出。开始毫无头绪,后来通过不断的排查,终于解决了这个问题。在此记录下该问题的解决过程,便于后续查阅。 一、发现问题 */ /*--> */ 开发环境打印日志但生产环境不打印日志这个问题比较棘手。一直找不到原因,后面突然想到在启动的时候打印信息肯定会有所不同。通过在 2 个环境启动同一个项目的控制台打印信息对比有了以下的发现: (1) 出现了 SL4J 的警告信息,都是提示包冲突 Multiple bindings were found on the class path (2) 但是仔细观察发现了 加载这两个冲突的 jar 包的顺序不同 ,具体见下图: */ /*--> */ ①开发环境日志冲突jar包加载顺序图 */ /*--> */ 防止图失效,我把文字复制过来了 SLF4J:Class path contains mutiple SLF4J bindings SLF4J:Found binding in[jar:file:/WEB-INF/lib/log4j-slf4j-impl-2.6.6.jar!/org/slf4j/impl/StaticLoggerBider.class] SLF4J:Found binding in[jar:file:/WEB-INF/lib

CSS中的字体设置

半世苍凉 提交于 2020-01-26 20:28:05
五大类:serif, sans-serif, monospace, cursive, fantasy serif 衬线字体,如 Big Caslon, 宋体 sans-serif 非衬线字体,如 Helvetica, 黑体 monospace 等宽字体,如 Menlo cursive 手写体,如 Comic Sans MS fantasy 幻想体,如 Bodoni Ornaments 同时声明文字体的字体名称(英文)和显示名称(中文),就像这样: font-family: SimSun, “宋体”; font-family: “Microsoft YaHei”, “微软雅黑”; font-family: STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”; 先声明英文字体,如: font-family: Georgia, SimSun, “宋体”; font-family: Arial, “Microsoft YaHei”, “微软雅黑”; 在最后补充英文字体族的名称,如: font-family: Georgia, SimSun, “宋体”, serif; font-family: Arial, “Microsoft YaHei”, “微软雅黑”, sans-serif; font-family: Helvetica, Tahoma, Arial

Do I need to wrap quotes around font family names in CSS?

只谈情不闲聊 提交于 2020-01-26 10:39:57
问题 I remember hearing a long time ago that it was considered "best practice" to wrap quotes around font names that contain multiple words in the CSS font-family property, like this: font-family: "Arial Narrow", Arial, Helvetica, sans-serif; For the heck of it, I tried removing the quotes from "Arial Narrow" and Safari and Firefox don't have any problem rendering it. So, is there any logic to this rule of thumb, or is it just a myth? Was it an issue with older browsers that no longer applies to

css外部字体库文件的引用

只愿长相守 提交于 2020-01-25 16:31:26
最近在做项目的时候,需要显示类似钟表的数字字体,做完之后记录一下: 1、下载字体库文件   自己去网上下载你想用的css字体库,这个就根据需求自己下载了。   我自己项目中的之这个样子的(DS-Digital文件夹是我下载的字体库):      我是放在css目录下,你可以自己按照自己的意愿放到其他地方。 2、在css中引用   在我自己新建的serviceHall.css中引用    1 @font-face { 2 font-family: electronicFont; 3 src: url(../css/DS-Digital/DS-DIGIT.ttf), url(../css/DS-Digital/DS-DIGII.ttf), url(../css/DS-Digital/DS-DIGIB.ttf), url(../css/DS-Digital/DS-DIGI.ttf) 4 }   font-family的值可以自己定义。根据你的字体库路径引入字体文件。 3、引用我们自己引入的样式   跟平时写样式那样,比如 1 .servicehall-today-tablelist-wait{ 2 width: 25%; 3 font-size: 20px; 4 text-align: center; 5 padding: 8px 2px; 6 line-height: 24px; 7

字体样式

梦想与她 提交于 2020-01-25 16:30:25
字体样式 1.字体命名 语法: font-family : <family-name> 说明: 设置文字名称,可以使用多个名称,或者使用逗号 分隔,浏览器则按照先后顺序依次使用可用字体。 例: p { font-family:‘楷体','黑体', 'Arial’ } 2. font-size(字体大小) 语法: font-size : <length> | <percentage> 注:如果用百分比作为单位,则是基于父元素字体的大小 例: p { font-size:14px;} 3. font-weight(字体加粗) 语法: font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 例: p { font-weight:bold;} 4. font-style(字体斜体) font-style : normal | italic | oblique 例: p { font-style: normal; } p { font-style: italic; } p { font-style: oblique; } 5. font(字体样式缩写) font : font-style || font-variant || font-weight

css备份

只愿长相守 提交于 2020-01-25 12:25:40
.hljs { font-family: "Consolas",sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; padding: 5px !important; } .cnblogs-markdown .hljs, .cnblogs-post-body .hljs { font-family: "Consolas",sans-serif !important; font-size: 14px !important; line-height: 1.4 !important; padding: 5px !important; } /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table

MFC获取电脑硬盘序列号(附源代码)

老子叫甜甜 提交于 2020-01-25 09:51:24
在新建的project里面加入一个类 即:下面一个类 GetHDSerial.cpp <code class="hljs cs has-numbering" style="font-family: 'Source Code Pro', monospace; display: block; padding: 0px; color: inherit; box-sizing: border-box;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-comment" style="font-family: 宋体 !important; margin: 0px; padding: 0px; color: rgb(136, 0, 0); box-sizing: border-box;">// GetHDSerial.cpp: implementation of the CGetHDSerial

C#巧用Excel模版变成把Table打印出来

末鹿安然 提交于 2020-01-25 03:24:53
转载: http://blog.csdn.net/gwblue/article/details/38865525 将一个做好的 Excel 模版,通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开 Excel 模版然后填入数据然后再打印。 第二种方法就是我将要介绍的 1 、将 Excel 设置好格式另存为 HTML 页将 Excel 转化为 HTML 的 Table 2 、将 HTML 用记事本打开把这个 HTML 页将 <style></style> 和 <table></table> 标签中的内容粘贴出来。 3 、在程序中写入打印代码。 [java] view plain copy using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Text; using System.IO; using BLL; using Model; using System.Data; public partial class WebUI_Order_OutExcel : System.Web.UI.Page { BT_XDMgr XDMgr = new BT_XDMgr();

C#巧用Excel模版变成把Table打印出来

三世轮回 提交于 2020-01-25 03:24:27
文章来源: http://blog.csdn.net/gwblue/article/details/38865525 将一个做好的 Excel 模版,通过程序填上数据然后打印出来这个需求有两种方法一种是通过代码打开 Excel 模版然后填入数据然后再打印。 第二种方法就是我将要介绍的 1 、将 Excel 设置好格式另存为 HTML 页将 Excel 转化为 HTML 的 Table 2 、将 HTML 用记事本打开把这个 HTML 页将 <style></style> 和 <table></table> 标签中的内容粘贴出来。 3 、在程序中写入打印代码。 [java] view plain copy using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Text; using System.IO; using BLL; using Model; using System.Data; public partial class WebUI_Order_OutExcel : System.Web.UI.Page { BT_XDMgr XDMgr = new BT_XDMgr(