font-family | 易学教程

最近关于css样式重构的一点心得体会

阅读更多关于最近关于css样式重构的一点心得体会

之前的项目一直都是基于bootstrap,elementUI这些已经很成熟的框架进行二次开发，要么就是一些很小的宣传页面，h5页面，或者结构相对简单的移动端。一直都没有机会对css的整体进行一个思考，这次正好有个整站的重构项目，让我对css模块化以及重用这些进行了一个很好的梳理。很早以前就读过bootstrap的sass源码，当时就十分的震惊，仿佛打开了新世界的大门，原来css还可以这么玩？css原来也有模块化，原来也可以这么优雅？对比之下，自己写的，简直杂乱无章，一堆狗屎，重用性不行，后期不易于维护，扩展性也不行，这些都是一个很致命的缺陷，或许区分一个前端开发工程师的好坏从这方面就能够有一个很好的体现吧，同样一个页面，或许一个初级前端工程师和一个高级前端工程师都可以100%的还原出来，但是你是用1K的css代码写出来的还是用10K的css代码写出来的就有天壤之别，或许从数据上面来看只有9K的差距，但是如果考虑到用户流量的问题，这个就是很大的问题了。如果是个访问量100的小网站那么就是 900K，如果是像淘宝网这样的产品，那么差距就十分明显了。一个简洁可复用的css代码不仅可以节约大量的带宽，提高性能，同时也是工程化的需要。开始的时候写的都是css，这个时候什么模块化啥的根本就不可能有很深刻的感觉，直到看了bootsrap源码后，开始使用sass

可编辑的table（原生JS+jQuery）

阅读更多关于可编辑的table（原生JS+jQuery）

原生js： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Table</title> <style type="text/css"> body{ font-size:12px} #tab{ border-collapse: collapse;} .edit{ height:16px; width:98%; background-color:#EFF7FF; font-size:12px; border:0px;} #tab thead td{ background:url(/upload/201005/20100531233452190.bmp);color:#183C94} #tab tbody td{ overflow:hidden} #tab td{border: 1px solid #CECFCE;height:20px

HTML字体分类

阅读更多关于 HTML字体分类

网页中的将字体分为5大类 1.serif:衬线字体 2.sans-serif:非衬线字体 3.monospace:等宽字体 4.cursive:草书字体 5.fantasy:幻虚字体 衬线字体 非衬线字体 等宽字体 草书字体 幻虚字体 来源： https://www.cnblogs.com/yanl55555/p/12544130.html

网页字体介绍以及网页常用字体设置

阅读更多关于网页字体介绍以及网页常用字体设置

网页字体介绍以及网页常用字体设置网页字体设置不同于平面设计等其他媒体设计有更多的艺术字体可供选择。因为网页设计中永远不要假设客户的电脑上有你使用的字体。为了让我们的网页在绝大多数访客的电脑上看起来一致。就必须使用绝大多数访客电脑上都有的字体。网页中的字体是通过css设定，如：font-family:'Microsoft Yahei',"simsun"; 意思是先找微软雅黑，如果没有就使用宋体字，当然，如果你的客户是windows中国用户宋体是默认字体，此时font-family:'Microsoft Yahei',"simsun";和font-family:'Microsoft Yahei';等价的。找不到微软雅黑字体就会使用默认的宋体。 /*网页字体参考 font-family:"simsun"; font-family:Tahoma,Arial,Helvetica,STHeiti; font-family:Georgia, "Times New Roman","simsun"; font-family:'Microsoft YaHei UI','Microsoft YaHei',DengXian,SimSun,'Segoe UI',Tahoma,Helvetica,sans-serif; font-family:'Hiragino Sans GB','Microsoft

CSS3学习基本记录

阅读更多关于 CSS3学习基本记录

CSS3 边框 border-radius: 圆角 border-radius: 15px 50px 70px 100px; 左上右上右下左下 box-shadow:阴影 box-shadow:1px 2px 3px #ccc; 1px:水平位移 2px:竖直 border-image:边框图片 border-image: source slice width outset repeat; border-image:url(border.png) 30 round; 用图片border.png 30出的地方重复合理的重复 stretch:默认值。拉伸图像来填充区域 repeat:平铺（repeated）图像来填充区域 round:类似 repeat 值。如果无法完整平铺所有图像，则对图像进行缩放以适应区域。 border-image-source:于指定要用于绘制边框的图像的位置 border-image-slice:图像边界向内偏移 border-image-width:图像边界的宽度 border-image-outset:用于指定在边框外部绘制 border-image-area 的量 border-image-repeat:这个例子演示了如何创建一个border-image 属性的按钮 CSS3 背景 background-size:设置背景图标大小

网页字体介绍以及网页常用字体设置

阅读更多关于网页字体介绍以及网页常用字体设置

网页字体设置不同于平面设计等其他媒体设计有更多的艺术字体可供选择。因为网页设计中永远不要假设客户的电脑上有你使用的字体。为了让我们的网页在绝大多数访客的电脑上看起来一致。就必须使用绝大多数访客电脑上都有的字体。网页中的字体是通过css设定，如：font-family:'Microsoft Yahei',"simsun"; 意思是先找微软雅黑，如果没有就使用宋体字，当然，如果你的客户是windows中国用户宋体是默认字体，此时font- family:'Microsoft Yahei',"simsun";和font-family:'Microsoft Yahei';等价的。找不到微软雅黑字体就会使用默认的宋体。 /*网页字体参考 font-family:"simsun"; font-family:Tahoma,Arial,Helvetica,STHeiti; font-family:Georgia, "Times New Roman","simsun"; font-family:'Microsoft YaHei UI','Microsoft YaHei',DengXian,SimSun,'Segoe UI',Tahoma,Helvetica,sans-serif; font-family:'Hiragino Sans GB','Microsoft Yahei'

电信NB-LOT模块驱动说明

阅读更多关于电信NB-LOT模块驱动说明

*/ /*--> */ 电信 NB-LOT 模块驱动说明 1. 适用范围电信 ME3616 模块 2. 驱动说明 2.1 模块说明 ME3616 是一款支持 NB-IoT 通信标准的窄带蜂窝物联网通信模组在 NB-IoT 制式下，该模块可以提供最大 66 Kbps 上行速率和 34 Kbps 下行速率 ME3616 专为低速率、低功耗、远距离、海量连接的物联网应用而设计该模块支持多种网络协议（ CoAP 、 TCP/UDP 、 MQTT ）和多种低功耗模式 (PSM 、 eDRX) 环境温度： -40 ℃ ~ 85 ℃ 尺寸： 16mm × 18mm DC-DC 的过流能力必须在 800mA 以上 2.2 模块功能开机过程物理开机： PIN19 （ POWER_ON ）持续 2s 以上，模块开机关机过程物理关机： PIN19 （ POWER_ON ）持续 4s 以上，模块关机关机命令： AT+ZTURNOFF 关机前需下发 ”AT+CFUN=0” , 保存网络相关配置复位命令： AT+ZRST 建立网络连接联网流程 ME3616 支持 NB 全频段，如果没有特殊需求，不需要选定网络频段 , 上电开机后模块会自动注册网络，自动联网获取 IP 地址，不需要发送 AT 指令开机返回值如下： *MATREADY: 1 +CFUN: 1 +CPIN: READY +IP

网页中使用任意字体之实际操作

阅读更多关于网页中使用任意字体之实际操作

　　之前对“在网页中嵌入非系统自带字体”做过一点研究，虽然技术上能实现，但是对国内来说，没有太大的实际意义，因为一个中文体文件起码20M+，而且各个浏览器支持的字体文件还都不一样，也就是说，在服务器端必须有2-3个不同格式的字体文件，用来应付各个浏览器，可以看下下面这张对应图。　　以为之前做的这个小研究对以后的工作不会用到，谁知还真的用到了。有个客户要求显示时间，但时间的字体必须是电子表的那种字体，如图：　　首先，我们要找到这个字体，因为这个字体只有ttf格式的，所以我们需要转换出其他各种不同的格式，至于如何转换，有软件，有在线，我在这就不指明一定要使用哪种了。　　转换好后，就可以编写css代码了 @font-face { font-family: 'hooray'; /*给自定义字体命名*/ src: url('hooray.eot'); src: url('hooray.eot?#iefix') format('eot'), url('hooray.woff') format('woff'), url('hooray.ttf') format('truetype'), url('hooray.svg#webfontjKg17VrE') format('svg'); } 　　至于调用，和常规的一样，在需要的地方定义font-family，并且字体名称就是刚才命名好的名称就行

01.CSS3的新增特性

阅读更多关于 01.CSS3的新增特性

CSS3 新特性 1.选择器 2.背景和边框 3.文本效果 4.2D/3D 转换 5.动画、过渡 6.多列布局 7.用户界面 1.选择器 :last-child /* 选择元素最后一个孩子 */ :first-child /* 选择元素第一个孩子 */ :nth-child(1) /* 按照第几个孩子给它设置样式 */ :nth-child(even) /* 按照偶数 */ :nth-child(odd) /* 按照奇数 */ :disabled /* 选择每个禁用的E元素 */ :checked /* 选择每个被选中的E元素 */ :not(selector) /* 选择非 selector 元素的每个元素 */ ::selection /* 选择被用户选取的元素部分 */ 伪类和伪元素：根本区别在于它们是否创造了新的元素（抽象） **伪类：**用于向某些选择器添加特殊的效果（没有创建新元素）复制代码 :last-child /* 选择元素最后一个孩子 */ :first-child /* 选择元素第一个孩子 */ :nth-child(1) /* 按照第几个孩子给它设置样式 */ a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color:

Android TextView 组件

阅读更多关于 Android TextView 组件

转载自： http://blog.csdn.net/shulianghan/article/details/17676221 ，略有改动。更多TextView属性参见API： http://android.toolib.net/reference/android/widget/TextView.html 一、文本转链接 android:autoLink，可选属性值：none，web，email，phone，map，all; 对应方法：setAutoLinkMask(int) 如果没有特殊需求，不要自动将电话变成超链接，因为不是所有的Android设备都能打电话，而且各国的电话号码格式都不同，容易将一般数字误差成电话。也不要自动将地址变成超链接，并非所有设备上都装有地图APP 如果在XML設定autoLink，啟用了AutoLink屬性的話，LinkMovementMethod將會被自動加入TextView中，因此沒有必要使用setMovementMethod再指定LinkMovementMethod。（需要添加此方法的情况见第十条）二、设置图片 android:drawableLeft等

订阅 font-family