font

这篇文章会记录我们平时常用到的 CSS 片段，使用这些 CSS 可以帮助我们解决许多实际项目问题中遇到的，墙裂建议点赞收藏再看，方便日后查找 清除浮动 浮动给我们的代码带来的麻烦，想必不需要多说，我们会用很多方式来避免这种麻烦，其中我觉得最方便也是兼容性最好的一种是，在同级目录下再创建一个<div></div>；不过这样会增加很多无用的代码。此时我们用:after这个伪元素来解决浮动的问题，如果当前层级有浮动元素，那么在其父级添加上 clearfix 类即可。 // 清除浮动 .clearfix:after { content: "\00A0"; display: block; visibility: hidden; width: 0; height: 0; clear: both; font-size: 0; line-height: 0; overflow: hidden; } .clearfix { zoom: 1; } 垂直水平居中 在 css 的世界里水平居中比垂直居中来的简单一些，经过了多年的演化，依然没有好的方式来让元素垂直居中(各种方式各有优缺点，但都不能达到兼容性好，破坏力小的目标)，以下是几种常见的实现方式 绝对定位方式且已知宽高 专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧

　　Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的所有图标，除了包括 Twitter Boostrap 的默认图标外，还有社交网络图标、 Web 应用程序图标和编辑器图标等等，可以免费用于商业项目。 　　主要特色： ✓ 一种字体，249个图标，是网页操作的象形语言； ✓ 纯 CSS 控制，能够轻松定义图标的颜色、大小、阴影以及任何 CSS 能够实现的效果； ✓ 无限缩放，矢量图标在任何尺寸下都一模一样； ✓ 免费使用，包括商业和非商业项目； ✓ 支持 Internet Explorer 7 浏览器； ✓ 能够在 Retina 屏幕完美呈现； ✓ 完全兼容 Twitter Boostrap 最新版本； ✓ 对设计师友好，设计师能够轻松使用； ✓ 和其它图标字体不同，兼容屏幕阅读器； 使用方法 　　使用 CSS： 拷贝 Font Awesome 字体目录到项目中； 拷贝 font-awesome.min.css 文件到项目中； 修改 font-awesome.min.css 文件中的字体路径到正确的位置； 在页面的 head 里引入 font-awesome.min.css 文件： <link rel="stylesheet" href="../css/bootstrap.min.css">

首先保证这些条件满足： 然后全局安装vue cnpm install -g vue-cli 安装完成后可以使用vue -h查看vue的帮助文档 vue -list 查看vue支持的模板 我们接下来会用到的是webpack vue init webpack mall 项目名输入必须是英文，我这里输入mall 为什么不选择npm install呢，因为我们选择的是cnpm install 接下来就根据上面黄色字体的提示来操作 cd mall cnpm install 安装完成后打开项目，找到根目录下的 .eslintric.js文件 可以配置自己的代码风格，然后通过命令行自动来修改 cnpm run lint -- --fix 修正 修改webpack配置 config目录下的index.js cnpm run dev 再开一个cmd，使用ipconfig查看自己的ip地址 在浏览器访问：192.168.56.1:8080 文件和目录结构 在src--assets目录下，新建fonts/img/js/scss四个目录 这边存放的是公共的文件，如果是组件特有的文件，会跟自己的组件放在一起 在src目录下，创建四个目录： pages （页面组件） base （公共组件，可以移植到其他项目中） api （使用ajax或者jsonp与后端交互相关的） 公共资源的准备： 图标字体

盒子模型 ***** 1、框模型 框：页面上所有的元素都可以称之为"框" 框模型：(Box Model),又称为盒子模型,定义框处理元素内容、内边距padding、外边距margin、边框的样式border 尺寸 边框 内边距 外边距 1、外边距 属性：margin margin-方向: margin-left: margin-right: margin-top: margin-bottom: 取值： px 负值 auto margin取值： margin:value; /*四个方向的外边距统一设置*/ margin:v1 v2; /*v1:上下 v2:左右*/ margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:10px; margin:v1 v2 v3;/*v1:上 v2:左右 v3:下*/ margin:v1 v2 v3 v4;/*上右下左*/ margin取值为auto： 左右外边距设置为auto时，当前的块级元素会居中显示 注意： 1、有些块级元素会存在默认外边距 body h1~h6 p 2、垂直外边距合并 两个垂直外边距相遇时，将会合成一个外边距。最终外边距的值是两者中 边距较大的的值。 3、如果给子元素设置margin-bottom，默认会被识别成是父元素的margin-bottom

JavaScript JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript 语言的规则编写相应代码，浏览器可以解释出相应的处理。 注：在编写代码时要养成一行代码以 “ ; ”（分号）结尾。因为在代码上线的时候，一般会对代码进行压缩，这时所有的JavaScript代码将被压缩为一行这时就需要以分号来识别一行代码的结束。 1，存在方式 文件方式 <script tyoe="text/javascript" src="JS文件"></script> 代码块 <script type="text/javascript"> JS代码 </script> 2，JavaScript 代码存在位置 HTML 的 head 中 HTML 的body代码块底部（推荐，因为HTML是从上到下解析的，放到上面如果代码出现问题无法解析，网站内容就无法正常的显示影响用户体验度） 3，变量 全局变量 局部变量 JavaScript中变量声明非常容易出错，局部变量必须以 var 开头，如果不加表示默认声明的是全局变量 name = "seven" # 全局变量 var name = "seven" # 局部变量 4，注释 // # 单行注释 /* */ # 多行注释 5，数据类型 数字（Number） var age = 18; var age

在iOS开发过程中,对单行文本的垂直居中似乎是一件非常easy的事情,直接用下面这段代码就可以完成: 123456789101112131415 @interface XXView : UIView@end@implementation XXView- (void)drawRect:(CGRect)rect{ UIFont *font = [UIFont fontWithName:@"Helvetica Neue" size:13]; NSDictionary *attributes = @{NSFontAttributeName:font,NSForegroundColorAttributeName:[UIColor redColor]}; NSAttributedString *title = [[NSAttributedString alloc] initWithString:@"我是垂直居中的" attributes:attributes]; [title drawAtPoint:CGPointMake(CGRectGetMidX(self.bounds)-title.size.width/2, CGRectGetMidY(self.bounds)-title.size.height/2)];}@end 在OSX平台上,我们一般会这样写这段代码:

1、完整日历时间控件 <script> var bMoveable=true; var strFrame; document.writeln('<iframe id=endDateLayer frameborder=0 width=162 height=211 style="position: absolute; z-index: 9998; display: none"></iframe>'); strFrame='<style>'; strFrame+='INPUT.button{BORDER-RIGHT: #63A3E9 1px solid;BORDER-TOP: #63A3E9 1px solid;BORDER-LEFT: #63A3E9 1px solid;'; strFrame+='BORDER-BOTTOM: #63A3E9 1px solid;BACKGROUND-COLOR: #63A3E9;font-family:宋体;}'; strFrame+='TD{FONT-SIZE: 9pt;font-family:宋体;}'; strFrame+='</style>'; strFrame+='<scr' + 'ipt>'; strFrame+='var datelayerx,datelayery;'; strFrame+='var bDrag;'; strFrame+

css中默认会继承的属性： 一是 文本相关 的属性，具体有：font-family、font-size、font-style、font-variant、font-weight、font、letter-spacing、line-height、text-align、text-indent、text-transform、word-spacing、 二是 列表相关 的属性，具体如下：list-style-image、list-style-position、list-style-type、list-style. 还有一个属性比较重要的是 color 属性。 ·········································································································· 一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin

一、属性 1、字体 font 1）font: font-style; font-variant; font-weight; font-size; font-height; font-family. 2) color: 指定颜色，写法： 十六进制值（或者简写）； rgb（）函数； css承认的颜色名。 3）font-family: 在后面直接输入名字，如果有英文，尽量用引号引起来。 4）font-face(导入外部字体) @font-face{ font-family src:url("url"); } 必须记住导入外部字体后，要进行引用。 5）font-size: A、absolute-size 绝对大小： xx-small; x-small; small; medium; large; x-large; xx-large. B、 relative-size 相对大小： larger; smaller. C、length 长度： 常以px为选项。 D、百分比： 其百分比取值是基于父对象中字体的尺寸。 6）font-style (字体的样式)： normal(正常); italic和oblique（斜体）. 7）font-weight(字重): normal(正常=400); bold(加粗=700); bolder(特粗，只在IE5中可行); lighter(细体，

原生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