font

1. 操作属性 1.1 HTML 属性与 DOM 属性的对应 <div> <label for="username">User Name: </label> <input type="input" name="username" id="username" class="text" value=""> </div> var input = document.getElementsByTagName('input')[0]; console.log(input.id); // 'username' console.log(input.type); // 'text' console.log(input.className); // 'text' console.log(document.getElementsByTagName('label')[0].htmlFor); // 'username' 1.2 属性操作方式 1.2.1 Property Accessor // 读取属性 input.className; // 'text' input[id]; // 'username' // 写入属性（可增加新的属性或改写已有属性）。 input.value = 'newValue'; input[id] = 'newId'; 1.2.2 getAttribute /

伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 1 /*没有被访问的a标签的样式*/ 2 .box ul li.item1 a:link{ 3 4 color: #666; 5 } 6 /*访问过后的a标签的样式*/ 7 .box ul li.item2 a:visited{ 8 9 color: yellow; 10 } 11 /*鼠标悬停时a标签的样式*/ 12 .box ul li.item3 a:hover{ 13 14 color: green; 15 } 16 /*鼠标摁住的时候a标签的样式*/ 17 .box ul li.item4 a:active{ 18 19 color: yellowgreen; 20 } View Code 再给大家介绍一种css3的选择器nth-child() /*选中第一个元素*/ div ul li:first-child{ font-size: 20px; color: red; } /*选中最后一个元素*/ div ul li:last-child{ font-size: 20px; color: yellow; } /*选中当前指定的元素 数值从1开始*/ div ul li:nth-child(3){ font-size: 30px; color: purple; }

移动端网页最大的特点是什么？自适应不同尺寸的屏幕！高大上的叫法:响应式！ 知道了自适应网页怎么做岂不是能很好解决问题了？那么自适应网页怎么做呢？网上关于这方面的文章有很多，我简单的整理一下。 一、 HTML设置 在head中加入meta标签 < meta name = "viewport" content = "width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" / > 二、CSS解决方案 解决思路 始终贯彻能用css解决的坚决不用js 那么你想到了什么？媒体查询！@media 可以针对不同的屏幕尺寸设置不同的样式！ 有了 @media 根据 每一个尺寸的屏幕设计一套样式表出来？！那岂不是写到吐血 除了 @media，我们还需要rem来配合使用。 大家应该知道em 是相对于父级元素来设置字体大小的，而我们的rem是相对于根元素的。 这一点很重要。所以我们只要在 @media 中设置不同屏幕尺寸的 根元素的字体大小即可。 步骤一：根据设计稿制作标准web页 我们以iPhone6两倍设计稿标注来制作网页。宽度为750px 设置如下： html , body { font - size : 100 px ; } /* 规定 1rem = 100px; *

<div><strong>1、任何文件在Git内都只有三种状态：</strong></div><blockquote style="MARGIN-RIGHT: 0px" dir=ltr> <div><font color=#ff0000>①已提交（committed）：</font>已提交表示该文件已经被安全地保存在本地数据库中了；</div> <div><font color=#ff0000>②已修改（modified）：</font>已修改表示修改了某个文件，但还没有提交保存；</div> <div><font color=#ff0000>③和已暂存（staged）：</font>已暂存表示把已修改的文件放在下次提交时要保存的清单中。</div></blockquote><div>由此我们看到Git管理项目时，文件流转的三个工作区域：Git 的本地数据目录，工作目录以及暂存区域。</div><div> </div><div><strong>2、先决条件：</strong></div><div>1）在GitHub上面注册一个账号并激活</div><div>2）安装windows下的git客户端如msysgit</div><div> </div><div>*****************************华丽的分割线*****************************

font-face跨域办法 font-face是现在比较流行的技术，可以矢量化你的图标，更改颜色方便等等。如果你想更进一步了解他，请点击这里( CSS3 icon font完全指南 ) 今晚有网友问到font-face跨域在nginx下如何配置，印象中一淘UX有文章介绍办法，但打开文章里面相应的链接后发现没内容。 搜了一下其他地方，大多数给出的都是一样的链接。 所以在这里补充一下内容： 原因： Firefox对字体文件有加载限制，也就是说不允许你随便加载别人的字体，防止他人盗用字体。 解决办法： 1、把字体文件放在你网站根目录下。 2、给字体文件的http头里面添加Access-Control-Allow-Origin属性，以控制指定域引用你的字体文件。 nginx: server { ... # Fix @font-face cross-domain restriction in Firefox location ~* \.(ttf|ttc|otf|eot|woff|font.css)$ { add_header Access-Control-Allow-Origin "http://yoursite.com"; } ... } apache: <FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$"> <IfModule mod

@font-face 是 CSS3 中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着 @font-face 模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家 @font-face 这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体，比如说首页的Logo，Tags以及页面中的手写英文体，很多朋友问我如何使用，能让自己的页面也支持这样的自定义字体，一句话这些都是 @font-face 实现的，为了能让更多的朋友知道如何使用他，今天我主要把自己的一点学习过程贴上来和大家分享。 首先我们一起来看看@font-face的语法规则： @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight>]; [font-style: <style>]; } 取值说明 1、YourWebFontName:此值指的就是你自定义的字体名称，最好是使用你下载的默认字体，他将被引用到你的Web元素中的font-family。如“font-family:"YourWebFontName";” 2

VM 调优概述： 性能定义： 吞吐量 - 指不考虑 GC 引起的停顿时间或内存消耗，垃圾收集器能支撑应用达到的最高性能指标。 延迟 - 其度量标准是缩短由于垃圾啊收集引起的停顿时间或者完全消除因垃圾收集所引起的停顿，避免应用运行时发生抖动。 内存占用 - 垃圾收集器流畅运行所需要的内存数量。 调优原则 GC 优化的两个目标： 将进入老年代的对象数量降到最低 减少 Full GC 的执行时间 GC 优化的基本原则是：将不同的 GC 参数应用到两个及以上的服务器上然后比较它们的性能，然后将那些被证明可以提高性能或减少 GC 执行时间的参数应用于最终的工作服务器上。 将进入老年代的对象数量降到最低 除了可以在 JDK7 及更高版本中使用的 G1 收集器以外，其他分代 GC 都是由 Oracle JVM 提供的。关于分代 GC，就是对象在 Eden 区被创建，随后被转移到 Survivor 区，在此之后剩余的对象会被转入老年代。也有一些对象由于占用内存过大，在 Eden 区被创建后会直接被传入老年代。老年代 GC 相对来说会比新生代 GC 更耗时，因此，减少进入老年代的对象数量可以显著降低 Full GC 的频率。你可能会以为减少进入老年代的对象数量意味着把它们留在新生代，事实正好相反，新生代内存的大小是可以调节的。 降低 Full GC 的时间 Full GC 的执行时间比 Minor

利用matplotlib制作折线图 导入库/包： import numpy as np from matplotlib import pyplot as plt 代码块： x = range ( 1 , 8 ) #x轴的位置 y = [ 17 , 17 , 18 , 15 , 11 , 11 , 13 ] #传入x和y，通过plot画折线图 # plt.plot(x,y) #折线图的颜色和形状设置 plt . plot ( x , y , color = 'red' , alpha = 0.5 , linestyle = '-.' , linewidth = 3 ) #折点样式 plt . plot ( x , y , marker = 'o' , color = 'red' , markersize = '20' , markeredgecolor = 'g' , markeredgewidth = 5 ) plt . show ( ) 基础属性设置 ： alpha=0.5 : 折线的透明度(0-1) linestyle=’–’ : 折线的样式 linewidth=3 : 折线的宽度 线的样式 ： 实线(solid)（ - ） 短线(dashed)（ – ） 短点相间线(dashdot)（ -.） 虚点线(dotted)( ：) 折点样式 ： 折点样式：marker=‘o’

运行xpdf，报错： Config Error: No display font for 'Courier' Config Error: No display font for 'Courier-Bold' Config Error: No display font for 'Courier-BoldOblique' Config Error: No display font for 'Courier-Oblique' Config Error: No display font for 'Helvetica' Config Error: No display font for 'Helvetica-Bold' Config Error: No display font for 'Helvetica-BoldOblique' Config Error: No display font for 'Helvetica-Oblique' Config Error: No display font for 'Symbol' Config Error: No display font for 'Times-Bold' Config Error: No display font for 'Times-BoldItalic' Config Error: No display font for

首先想关注过我的朋友们表示歉意。由于疏忽文章写的有点杂乱。修正我整理了一下。代码不是主要的在于一些话的分享。技术只是抛砖引玉了一下。 顺便和大家分享一些文字。 先看一下效果图 产品端点效应：两个端点的产品更容易快速形成品牌及规模效益：一是高端产品，锁定奢侈消费，高投稿高价值高回报。二是简易产品，不追求附加值，仅满足客户基本需求，如快捷酒店只提睡眠%2B洗澡%2B上网%2B早餐。很简单，但却占领了庞大市场份额，低投入低价值低回报，但可以快速复 View Code 页面 1 < div class ='allsort' > 2 < div class ='mt' > 3 < strong > 导航菜单 </ strong > 4 </ div > 5 < div class ='mc' > 6 < asp:Repeater ID ="BigMenu" runat ="server" OnItemDataBound ="BigMenu_ItemDataBound" 7 EnableViewState ="false" > 8 < ItemTemplate > 9 < div class ='item ' > 10 < span > < h3 > < a href ="#" > <% # Eval ( " menu_name " ) %> </ a ></ h3 > </ span > /