googlemaps
googlemaps

CSS学习系列五:字体样式

HTML里面FONT元素可以设置字体的大小,字体，颜色等样式.B元素和Strong元素都可以设置文字为粗体;I元素和EM元素都可以设置为斜体.

最基本样式:

一字体

    在HTML中可以使用<font face="">来设置文字字体,而在css中设置字体使用到的属性是font-family,其语法代码如下:

font-family:字体名

font-family:字体名1,字体名2

font-family:fantasy|monospace|ncursive|serif|sans-serif

1.指定单个字体

  有关字体的方式十分简单,只要在font-family中正确地输入字体名称即可.

 

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3.   <head> 
    4. 
   
   
   
   
  4.     <title>字体样式</title> 
    5. 
   
   
   
   
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    6. 
   
   
   
   
  6.   <link href="" type="text/css" rel="stylesheet"/> 
    7. 
   
   
   
   
  7.     <style type="text/css"> 
    8. 
   
   
   
   
  8.     <!-- 
    9. 
   
   
   
   
  9.        p.a{font-family: 宋体;} 
    10. 
   
   
   
   
  10.        p.b{font-family: 隶书;} 
    11. 
   
   
   
   
  11.        p.c{font-family: Mangal;} 
    12. 
   
   
   
   
  12.        p.d{font-family: "Broadway BT";} 
    13. 
   
   
   
   
  13.     --> 
    14. 
   
   
   
   
  14.     </style> 
    15. 
   
   
   
   
  15.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    16. 
   
   
   
   
  16.    </head> 
    17. 
   
   
   
   
  17.    <body> 
    18. 
   
   
   
   
  18.        <p class="a">宋体</p> 
    19. 
   
   
   
   
  19.        <p  class="b">隶书</p> 
    20. 
   
   
   
   
  20.        <p  class="c">ABCEDEFG</p> 
    21. 
   
   
   
   
  21.        <p class="d">ABCDEFGH</p> 
    22. 
   
   
   
   
  22.   </body> 
    23. 
   
   
   
   
  23.  
    24. 
   
   
   
   
  24. </html> 
    25.

2.设置可选字体

在css里面允许为文字指定多个字体,每个字体用逗号隔开, 在通用情况下,浏览器会使用第一种字体来显示文字，当第一种字体不存在时,浏览器会尝试第二种字体来显示,只要当所有的字体不存在的时候。才会使用默认的字体来显示.

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3.   <head> 
    4. 
   
   
   
   
  4.     <title>字体样式</title> 
    5. 
   
   
   
   
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    6. 
   
   
   
   
  6.   <link href="" type="text/css" rel="stylesheet"/> 
    7. 
   
   
   
   
  7.     <style type="text/css"> 
    8. 
   
   
   
   
  8.     <!-- 
    9. 
   
   
   
   
  9.       p {font-family: 方正宋体,隶书,方正楷体;} 
    10. 
   
   
   
   
  10.     --> 
    11. 
   
   
   
   
  11.     </style> 
    12. 
   
   
   
   
  12.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    13. 
   
   
   
   
  13.    </head> 
    14. 
   
   
   
   
  14.    <body> 
    15. 
   
   
   
   
  15.        <P>方正宋体,方正楷体,隶书</P> 
    16. 
   
   
   
   
  16.   </body> 
    17. 
   
   
   
   
  17.  
    18. 
   
   
   
   
  18. </html> 
    19.

二:文字大小

在css中设置文字的大小用到的属性是font-size;

其语法代码:

font-size:xx-small || x-small || small ||  medium || large ||  xx-large || x-large || larger || 长度 || 百分比

1.绝度尺寸

在css里面定义七种绝度字体大小

2.相对尺寸

3.字体大小调整

三粗体

在HTML中使用<B><strong>来让文字加粗,但是加粗多少这就不是开发者能够控制的,所以要相精确的控制加粗的程度,还要使用css中的font-weight属性

1.font-weight属性

2.粗体的显示方式

四 斜体

在HTML中可以使用I元素和EM元素来让文字倾斜,而在css中式使用font-style属性让文字倾斜.

 

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3.   <head> 
    4. 
   
   
   
   
  4.     <title>字体样式</title> 
    5. 
   
   
   
   
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    6. 
   
   
   
   
  6.   <link href="" type="text/css" rel="stylesheet"/> 
    7. 
   
   
   
   
  7.     <style type="text/css"> 
    8. 
   
   
   
   
  8.     <!-- 
    9. 
   
   
   
   
  9.      .a{font-style: italic;} 
    10. 
   
   
   
   
  10.      .b{font-style:normal;} 
    11. 
   
   
   
   
  11.     --> 
    12. 
   
   
   
   
  12.     </style> 
    13. 
   
   
   
   
  13.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    14. 
   
   
   
   
  14.    </head> 
    15. 
   
   
   
   
  15.    <body> 
    16. 
   
   
   
   
  16.        <P class="a"> Hello world</P> 
    17. 
   
   
   
   
  17.        <p class="b">Nice to Meet you</p> 
    18. 
   
   
   
   
  18.   </body> 
    19. 
   
   
   
   
  19.  
    20. 
   
   
   
   
  20.  
    21. 
   
   
   
   
  21. </html> 
    22.

五,字体变形

除了字体大小,粗体和斜体之外css中还可以让文字变形:

1.小型大写字母

使用font-variant属性可以让英文字母改为小型大写字母,其语法代码为:

font-variant:normal | small-caps

六,综合设置

使用font开头的属性,针对这种情况,在css中可以有一个比较省的写法

font: font-style || font-variant || font-weight ||  font-size || lint-height  || font-family

使用font属性来设子文字样式

 

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3.   <head> 
    4. 
   
   
   
   
  4.     <title>字体样式</title> 
    5. 
   
   
   
   
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    6. 
   
   
   
   
  6.   <link href="" type="text/css" rel="stylesheet"/> 
    7. 
   
   
   
   
  7.     <style type="text/css"> 
    8. 
   
   
   
   
  8.     <!-- 
    9. 
   
   
   
   
  9.      .a{font-style: italic;font-variant: small-caps;font-weight: bold;font-size: 20px;line-height: 120%;font-family: 宋体;} 
    10. 
   
   
   
   
  10.      .b{font:italic small-caps bold 20px /120% 宋体;} 
    11. 
   
   
   
   
  11.     --> 
    12. 
   
   
   
   
  12.     </style> 
    13. 
   
   
   
   
  13.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    14. 
   
   
   
   
  14.    </head> 
    15. 
   
   
   
   
  15.    <body> 
    16. 
   
   
   
   
  16.        <P> Hello world</P> 
    17. 
   
   
   
   
  17.        <p class="a">Nice to Meet you</p> 
    18. 
   
   
   
   
  18.        <p class="b">Good Bye</p> 
    19. 
   
   
   
   
  19.   </body> 
    20. 
   
   
   
   
  20.  
    21. 
   
   
   
   
  21. </html> 
    22.

七 修饰

在css中可以为文字稍微做修饰,如在文字上面添加下划线,下划线,

1.文字修饰

在css中使用text-decoration属性为文字插件修饰符

八阴影

设子文字的阴影让字体看上去更加有立体感,设子阴影所用到的属性为text-shadow，语法代码为:

text-shadow:none;  | color || lenght

九大写写转换

在css中处理css大小写都是通过text-transform属性来完成的,语法代码

十间距

在css中可以定义文字与文字之间的距离其中包括行间距

1.行间距

 

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3.   <head> 
    4. 
   
   
   
   
  4.     <title>字体样式</title> 
    5. 
   
   
   
   
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    6. 
   
   
   
   
  6.   <link href="" type="text/css" rel="stylesheet"/> 
    7. 
   
   
   
   
  7.     <style type="text/css"> 
    8. 
   
   
   
   
  8.     <!-- 
    9. 
   
   
   
   
  9.      .a{line-height: normal;} 
    10. 
   
   
   
   
  10.      .b{line-height: 1.5;} 
    11. 
   
   
   
   
  11.      .c{line-height: 25px;} 
    12. 
   
   
   
   
  12.      .d{line-height: 150%;} 
    13. 
   
   
   
   
  13.      .e{line-height: 0.5;} 
    14. 
   
   
   
   
  14.     
    15. 
   
   
   
   
  15.     --> 
    16. 
   
   
   
   
  16.     </style> 
    17. 
   
   
   
   
  17.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    18. 
   
   
   
   
  18.    </head> 
    19. 
   
   
   
   
  19.    <body> 
    20. 
   
   
   
   
  20.        <p class="a">Fir tiem i baby when i saw your face<br/> 
    21. 
   
   
   
   
  21.        Fir tiem i baby when i saw your face<br/> 
    22. 
   
   
   
   
  22.        Fir tiem i baby when i saw your face<br/></p> 
    23. 
   
   
   
   
  23.        <p class="b">Fir tiem i baby when i saw your face<br/> 
    24. 
   
   
   
   
  24.        Fir tiem i baby when i saw your face<br/> 
    25. 
   
   
   
   
  25.        Fir tiem i baby when i saw your face<br/></p> 
    26. 
   
   
   
   
  26.        <p class="c">Fir tiem i baby when i saw your face<br/> 
    27. 
   
   
   
   
  27.        Fir tiem i baby when i saw your face<br/> 
    28. 
   
   
   
   
  28.        Fir tiem i baby when i saw your face<br/></p> 
    29. 
   
   
   
   
  29.        <p class="d">Fir tiem i baby when i saw your face<br/> 
    30. 
   
   
   
   
  30.        Fir tiem i baby when i saw your face<br/> 
    31. 
   
   
   
   
  31.        Fir tiem i baby when i saw your face<br/></p> 
    32. 
   
   
   
   
  32.        <p class="e">Fir tiem i baby when i saw your face<br/> 
    33. 
   
   
   
   
  33.        Fir tiem i baby when i saw your face<br/> 
    34. 
   
   
   
   
  34.        Fir tiem i baby when i saw your face<br/> 
    35. 
   
   
   
   
  35.        </p> 
    36. 
   
   
   
   
  36.  
    37. 
   
   
   
   
  37.  
    38. 
   
   
   
   
  38.    
    39. 
   
   
   
   
  39.   </body> 
    40. 
   
   
   
   
  40.  
    41. 
   
   
   
   
  41. </html> 
    42.

2.字间距

在css中可以通过letter-spacing属性来设子字体间距;对于英文来说字间距是每个字母的距离对中文来说字间距是每个字的距离

 

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3.   <head> 
    4. 
   
   
   
   
  4.     <title>字体样式</title> 
    5. 
   
   
   
   
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    6. 
   
   
   
   
  6.   <link href="" type="text/css" rel="stylesheet"/> 
    7. 
   
   
   
   
  7.     <style type="text/css"> 
    8. 
   
   
   
   
  8.     <!-- 
    9. 
   
   
   
   
  9.      .a{letter-spacing: normal;} 
    10. 
   
   
   
   
  10.      .b{letter-spacing: 2px;} 
    11. 
   
   
   
   
  11.      .c{letter-spacing: 10px;} 
    12. 
   
   
   
   
  12.     --> 
    13. 
   
   
   
   
  13.     </style> 
    14. 
   
   
   
   
  14.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    15. 
   
   
   
   
  15.    </head> 
    16. 
   
   
   
   
  16.    <body> 
    17. 
   
   
   
   
  17.        <p class="a">Fir tiem i baby when i saw your face<br/> 
    18. 
   
   
   
   
  18.        我是一只鸟<br/> 
    19. 
   
   
   
   
  19.        可怜的娃娃啊<br/></p> 
    20. 
   
   
   
   
  20.        <p class="b">Fir tiem i baby when i saw your face<br/> 
    21. 
   
   
   
   
  21.          我是一只鸟<br/> 
    22. 
   
   
   
   
  22.        可怜的娃娃啊<br/></p> 
    23. 
   
   
   
   
  23.        <p class="c">Fir tiem i baby when i saw your face<br/> 
    24. 
   
   
   
   
  24.       我是一只鸟<br/> 
    25. 
   
   
   
   
  25.        可怜的娃娃啊<br/></p> 
    26. 
   
   
   
   
  26.  
    27. 
   
   
   
   
  27.        
    28. 
   
   
   
   
  28.  
    29. 
   
   
   
   
  29.    
    30. 
   
   
   
   
  30.   </body> 
    31. 
   
   
   
   
  31.  
    32. 
   
   
   
   
  32. </html> 
    33.

3.词间距

在css中可以使用word-spacing来设置词间距,词间距是针对英文而言的

 

你可能感兴趣的:(html,Web,PHP,css,职场,休闲,Javascript　　)

  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 《投行人生》读书笔记 小蘑菇的树洞
    《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
    示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
  • 2022-04-18 Apbenz
    语重心长的和我说，不要老是说不行，人至而立之年危机四伏，内在的，外在的，感觉就是心力憔悴，让人无所适从。面对职场的无情，突然好羡慕干体力劳动的外卖小哥。难道命运是想让我去送外卖了吗？干体力活才能让我活下去？fastadmin打卡成功,淘宝金币任务完成。ㅏㅓㅗㅜㅡㅣㅐㅔㅑㅕㅛㅠㅢㅒㅖY行。야자여자요리우유의사얘기예
  • Google earth studio 简介 陟彼高冈yu 旅游
    GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
  • PHP环境搭建详细教程 好看资源平台 前端php
    PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • git - Webhook让部署自动化 大猪大猪
    我们现在有一个需求，将项目打包上传到gitlab或者github后，程序能自动部署，不用手动地去服务器中进行项目更新并运行，如何做到？这里我们可以使用gitlab与github的挂钩，挂钩的原理就是，每当我们有请求到gitlab与github服务器时，这时他俩会根据我们配置的挂钩地扯进行访问，webhook挂钩程序会一直监听着某个端口请求，一但收到他们发过来的请求，这时就知道用户有请求提交了，这时
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • 「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验 张风捷特烈 iderust开发语言后端
    theme:cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode可以看作一个运行在服务端的远程VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在MarsCode里，我的体验rust开发体验。一、MarsCode是什么它的本质是:提供代码助手和云端IDE服务的web网站，可通过下面的链接访问https://www
  • 上班族可以做线上副业兼职有哪些？盘点7个适合上班族做的副业兼职！ 高省APP大九
    对于许多上班族来说，工资往往不能满足他们的生活需求，因此许多人开始寻找副业来增加收入。以下是一些适合普通人的副业赚钱路子，希望能给您带来一些灵感。1、做好物推荐现在很多职场人其实有大量的个人时间，只不过这些个人时间比较碎片化，他们不能够很好的利用起来，其实可以利用这些碎片化的时间去做副业，比如做好物推荐。在网上有很多的平台，比如头条抖音等等都开通了一个商品的分销功能，只要你发布相关的视频或者文章，
  • Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python开发语言
    一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
  • Java爬虫框架（一）--架构设计 狼图腾-狼之传说 java框架java任务html解析器存储电子商务
    一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
  • Java：爬虫框架 dingcho Javajava爬虫
    一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
  • MongoDB知识概括 GeorgeLin98 持久层mongodb
    MongoDB知识概括MongoDB相关概念单机部署基本常用命令索引-IndexSpirngDataMongoDB集成副本集分片集群安全认证MongoDB相关概念业务应用场景：传统的关系型数据库（如MySQL），在数据操作的“三高”需求以及应对Web2.0的网站需求面前，显得力不从心。解释：“三高”需求：①Highperformance-对数据库高并发读写的需求。②HugeStorage-对海量数
  • 如何用matlab灵活控制feko的求解 NingrLi matlab开发语言
    https://bbs.rfeda.cn/read.php?tid=3778Feko中的模型和求解设置等都可以通过editfeko进行设置，其文件存储为.pre文件，该文件可以用文本打开，因此，我们可以通过VB、VC、matlab等工具对.pre文件进行读写操作，以达到更灵活的使用feko。同样，对于.out文件，我们也可以进行读操作。熟练使用对.pre文件和.out文件的操作后，我们可以方便的计
  • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript
    在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
  • Python实现下载当前年份的谷歌影像 sand&wich python开发语言
    在GIS项目和地图应用中，获取最新的地理影像数据是非常重要的。本文将介绍如何使用Python代码从Google地图自动下载当前年份的影像数据，并将其保存为高分辨率的TIFF格式文件。这个过程涉及地理坐标转换、多线程下载和图像处理。关键功能该脚本的核心功能包括：坐标转换：支持WGS-84与WebMercator投影之间转换，以及处理中国GCJ-02偏移。自动化下载：多线程下载地图瓦片，提高效率。图像
  • Spring MVC 全面指南：从入门到精通的详细解析 一杯梅子酱 技术栈学习springmvcjava
    引言：SpringMVC，作为Spring框架的一个重要模块，为构建Web应用提供了强大的功能和灵活性。无论是初学者还是有一定经验的开发者，掌握SpringMVC都将显著提升你的Web开发技能。本文旨在为初学者提供一个全面且易于理解的学习路径，通过详细的知识点分析和实际案例，帮助你快速上手SpringMVC，让学习过程既深刻又高效。一、SpringMVC简介1.1什么是SpringMVC？Spri
  • Spring Boot中实现跨域请求 BABA8891 springboot后端java
    在SpringBoot中实现跨域请求（CORS，Cross-OriginResourceSharing）可以通过多种方式，以下是几种常见的方法：1.使用@CrossOrigin注解在SpringBoot中，你可以在控制器或者具体的请求处理方法上使用@CrossOrigin注解来允许跨域请求。在控制器上应用：importorg.springframework.web.bind.annotation.
  • WebMagic：强大的Java爬虫框架解析与实战 Aaron_945 Javajava爬虫开发语言
    文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3
    作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：*
  • 进销存小程序源码 PHP网络版ERP进销存管理系统 全开源可二开 摸鱼小号 php
    可直接源码搭建部署发布后使用：一、功能模块介绍该系统模板主要有进，销，存三个主要模板功能组成，下面将介绍各模块所对应的功能；进：需要将产品采购入库，自动生成采购明细台账同时关联财务生成付款账单；销：是指对客户的销售订单记录，汇总生成产品销售明细及回款计划；存：库存的日常盘点与统计，库存下限预警、出入库台账、库存位置等。1.进购管理采购订单：采购下单审批→由上级审批通过采购入库；采购入库：货品到货>
  • java观察者模式 3213213333332132 java设计模式游戏观察者模式
    观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。 在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。 这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。 老鹰会变成观察者，母鸡和小鸡是
  • TFS RESTful API 模拟上传测试 ronin47
           TFS RESTful API 模拟上传测试。 　　 细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 模拟POST上传一个图片： curl --data-binary @/opt/tfs.png http
  • PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式 dcj3sjt126com 设计模式PHP
    // 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法 abstract class Tiger { public abstract function climb(); } class XTiger extends Tiger { public function climb()
  • hibernate 171815164 Hibernate
    main,save Configuration conf =new Configuration().configure(); SessionFactory sf=conf.buildSessionFactory(); Session sess=sf.openSession(); Transaction tx=sess.beginTransaction(); News a=new
  • Ant实例分析 g21121 ant
            下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。           下面是build.xml的代码： <?xml version="1
  • [简单]工作记录_接口返回405原因 53873039oycg 工作
             最近调接口时候一直报错，错误信息是:       responseCode:405 responseMsg:Method Not Allowed        接口请求方式Post.
  • 关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别 程序员是怎么炼成的
       真正完成类的加载工作是通过调用 defineClass来实现的；  而启动类的加载过程是通过调用 loadClass来实现的；  就是类加载器分为加载和定义   protected Class<?> findClass(String name) throws ClassNotFoundExcept
  • JDBC学习笔记-JDBC详细的操作流程 aijuans jdbc
    所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。 下面我们就来仔细看一看每一个步骤： 其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 1、加载数据库驱动并建立到数据库的连接：   Html代码  St
  • rome创建rss antonyup_2006 tomcatcmsxmlstrutsOpera
    引用 1.RSS标准 RSS标准比较混乱，主要有以下3个系列 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫 温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W
  • html表格和表单基础 百合不是茶 html表格表单meta锚点
    第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会,   html是一种标记语言,其实很简单都是固定的格式   _----------------------------------------表格和表单 表格是html的重要组成部分,表格用在body里面的 主要用法如下; <table> &
  • ibatis如何传入完整的sql语句 bijian1013 javasqlibatis
            ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。         解决办法： <
  • 精通Oracle10编程SQL(14)开发动态SQL bijian1013 oracle数据库plsql
    /* *开发动态SQL */ --使用EXECUTE IMMEDIATE处理DDL操作 CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2) is sql_statement varchar2(100); begin sql_statement:='DROP TABLE '||table_name;
  • 【Linux命令】Linux工作中常用命令 bit1129 linux命令
    不断的总结工作中常用的Linux命令   1.查看端口被哪个进程占用   通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息   netstat -anp | grep 8085   察看进程ID对应的进程占用的端口号   netstat -anp | grep 进程ID &
  • 优秀网站和文档收集 白糖_ 网站
    集成 Flex, Spring, Hibernate 构建应用程序   性能测试工具-JMeter   Hmtl5-IOCN网站   Oracle精简版教程网站   鸟哥的linux私房菜   Jetty中文文档   50个jquery必备代码片段   swfobject.js检测flash版本号工具
  • angular.extend boyitech AngularJSangular.extendAngularJS API
    angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数:
  • java-谷歌面试题-设计方便提取中数的数据结构 bylijinnan java
    网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。 以下分别用排序数组和大小堆来实现。 使用大小堆： import java.util.Arrays; public class MedianInHeap { /** * 题目：设计方便提取中数的数据结构 * 设计一个数据结构，其中包含两个函数，1.插
  • ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 Chen.H ajaxFileUploadie6ie7ie8ie9
    jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); }
  • [机器人制造原则]机器人的电池和存储器必须可以替换 comsci 制造
           机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持.....        另外,如果一
  • Oracle Multitable INSERT 的用法 daizj oracle
    转载Oracle笔记-Multitable INSERT 的用法 http://blog.chinaunix.net/uid-8504518-id-3310531.html 一、Insert基础用法 语法：     Insert Into 表名 (字段1,字段2,字段3...）     Values (值1,
  • 专访黑客历史学家George Dyson datamachine on
    20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相 比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
  • 小学6年级英语单词背诵第一课 dcj3sjt126com englishword
    always 总是 rice 水稻，米饭 before 在...之前 live 生活，居住   usual 通常的 early 早的 begin 开始 month 月份   year 年 last 最后的 east 东方的 high 高的   far 远的 window 窗户 world 世界 than 比...更  
  • 在线IT教育和在线IT高端教育 dcj3sjt126com 教育
    codecademy  http://www.codecademy.com codeschool  https://www.codeschool.com teamtreehouse  http://teamtreehouse.com lynda http://www.lynda.com/ Coursera https://www.coursera.
  • Struts2 xml校验框架所定义的校验文件 蕃薯耀 Struts2 xml校验Struts2 xml校验框架Struts2校验
      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 15:54:59 星期六 http://fa
  • mac下安装rar和unrar命令 hanqunfeng mac
    1.下载：http://www.rarlab.com/download.htm 选择 RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar
  • 三种将list转换为map的方法 jackyrong list
      在本文中，介绍三种将list转换为map的方法： 1） 传统方法 假设有某个类如下    class Movie { private Integer rank; private String description; public Movie(Integer rank, String des
  • 年轻程序员需要学习的5大经验 lampcy 工作PHP程序员
    在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加
  • 评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓 nannan408
    先来看南方网的一则报道： 再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。 　　粗暴手术让人发寒 　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。 　　12月5日，
  • 使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件 Everyday都不同 jspinput回车键绑定clickenter
    假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理：   function search() { //监听函数略...... }   为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search():   //回车绑定 $(".search").keydown(fun
  • EXT学习记录 tntxia ext
      1. 准备   （1） 官网：http://www.sencha.com/   里面有源代码和API文档下载。   EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。   （2）帮助文档：   想要查看EXT的官方文档的话，可以去这里h
  • mybatis3的mapper文件报Referenced file contains errors xingguangsixian mybatis
    最近使用mybatis.3.1.0时无意中碰到一个问题： The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他