HTML和CSS精要基础知识整理

首先要知道,HTML不被视为一种编程语言,因为它不能执行编程语言中常见的数学逻辑或其他功能。HTML是一种标记语言。

CSS 是用于网站的布局和设计样式表语言。CSS与HTML一般结合使用。

 

一个

指定的东西作为一个页面上最重要的标题,另外还有h1到h6

段落内容

点击我进入链接

我们可以为元素赋予唯一的id或class属性,以便我们可以在CSS代码中专门针对它们并设置其样式。

页面结构:

      告诉浏览器我们正在使用HTML5代码



        head标签放置了与HTML文档有关的元数据,也是对外部样式表,字体和脚本的引用的地方
Page Title



正文内容


div元素

HTML元素

表示文档中的分区或部分。它用于将页面上的内容分为“块”或“板块”

Hello World!

Example paragraph

我们可以将页面中的元素包装在div元素内,然后使用CSS设置页面的样式。

原则上,

仅当没有其他语义元素合适时才应使用该元素。

有序列表(带有数字编号):

  1. Red
  2. Orange
  3. Yellow

无序列表(带有符号点):

  • Red
  • Orange
  • Yellow

合并和嵌套的例子:

My Color List

  1. Red
  2. Orange
  3. Yellow
    • Sunflower
    • Banana
      1. Frozen Banana
      2. Non-Frozen Banana

table表格,每个表格行由元素指定,每个单元格由元素指定。

Name Age Breed
Lassie 10 Rough Collie
Hector 6 German Shepherd

元素用于创建表单,可以使用文本字段,单选按钮,复选框,下拉菜单,提交按钮以及许多其他类型的输入来填写表单。


	
	
	
	
	

如何添加CSS?

推荐使用外部css

首先将CSS写入以.css扩展名结尾的文件中。在HTML文档中包括这些样式。要链接到我们的HTML文档中的外部CSS文件,请使用元素,该元素具有href引用CSS文件路径的属性

 
 
  示例标题</ title> 
  <link rel="stylesheet" href="style.css"> 
</head> 
<body> 
<h1>测试标题</h1> 
</body> 
</html></code></pre> 
  <p>颜色</p> 
  <pre><code>h1 {
  color: red;}

h2 {
  color: #FF0000;}

h3 {
  color: rgb(255, 0, 0);}</code></pre> 
  <p>一些最常用的<strong>与文本相关的CSS属性</strong>包括:</p> 
  <p>  <strong>  font-family</strong> –更改目标文本的字体</p> 
  <p>    <strong>字体大小</strong> –控制字体的大小</p> 
  <p>    <strong>font-weight </strong>–控制字体的粗细(例如,我们可以使用此属性制作粗体文本)</p> 
  <p>    <strong>行高 </strong>–控制一行文本占用多少空间</p> 
  <p>    <strong>文本对齐 </strong>–设置文本的对齐方式(左,右,居中)</p> 
  <p>    文本装饰 –在文本上添加装饰线条{font-family:“ Arial”,sans-serif; font-size:20px; font-weight:粗体; 行高:2;文本对齐:        居中;文字装饰:下划线;}</p> 
  <p> </p> 
  <p>CSS中,有三种主要的选择器类型:<strong>元素选择器,类选择器和id选择器</strong>。</p> 
  <p><strong>元素选择器,</strong>选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身</p> 
  <pre><code>html {color:black;}
h1 {color:blue;}
h2 {color:silver;}</code></pre> 
  <p><strong>类选择器,</strong>我们可以使用HTML 类属性为一个或多个元素提供一个类,然后将该类用于定位那些用该类标记的元素,并在CSS中对其进行样式设置。</p> 
  <p>类选择器<strong>以点<code>.</code>前缀开头,</strong>后跟我们要定位的类名称</p> 
  <pre><code><h1 class="important">
This heading is very important.
</h1>

<p class="important">
This paragraph is very important.
</p></code></pre> 
  <pre><code>*.important {color:red;}</code></pre> 
  <p>或者</p> 
  <pre><code>.important {color:red;}</code></pre> 
  <p>ID选择器,当我们要定位页面上的单个唯一元素时,可以在HTML中为其指定id属性。我们可以使用指定的id通过CSS定位唯一元素,并为其指定样式。</p> 
  <pre><code><p id="intro">This is a paragraph of introduction.</p></code></pre> 
  <pre><code>*#intro {font-weight:bold;}</code></pre> 
  <p>ID选择器<strong>以哈希#前缀开头</strong>,后跟唯一的ID名称。</p> 
  <p>注意,id属性在页面上应该是唯一的。在HTML文档中,我们不应多次使用单个ID。如果我们需要定位多个元素,则应使用一个类 来定义和定位所有元素  。</p> 
  <p>此外,还有属性选择器等</p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1304272943873822720"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js"></script>
                    <!-- 文章页-底部 动态广告位 -->
                    <div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
                </div>
                <div class="col-md-3">
                    <div class="row" id="ad">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_1"> </div>
                        </div>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_2"></div>
                        </div>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(HTML和CSS精要基础知识整理)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1897123717167771648.htm"
                           title="SEO新手操作实战精要" target="_blank">SEO新手操作实战精要</a>
                        <span class="text-muted">老陈头聊SEO</span>
<a class="tag" taget="_blank" href="/search/SEO/1.htm">SEO</a><a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a>
                        <div>内容概要在搜索引擎优化领域建立系统认知是新手突破入门瓶颈的关键。本指南以实战操作为核心脉络,从工具选择到执行路径层层拆解:首先建立SEO基础工具库,涵盖关键词挖掘、流量分析及竞争监测三类必备系统;其次聚焦站内优化黄金框架,详解标题(Title)、描述(Description)、关键词(Keywords)的权重配比与语义关联技巧;同时规划外链建设策略,梳理权威平台资源池与内容植入方法论。配合百度站长</div>
                    </li>
                    <li><a href="/article/1896829892054544384.htm"
                           title="【大白学Docker】一文做到Docker基础知识整理" target="_blank">【大白学Docker】一文做到Docker基础知识整理</a>
                        <span class="text-muted">爱折腾的黄馒头</span>
<a class="tag" taget="_blank" href="/search/Linux%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">Linux操作系统</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E5%8C%96%E6%8A%80%E6%9C%AF/1.htm">虚拟化技术</a><a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a>
                        <div>Docker基础知识整理单注:整理Docker基础的概念、原理、常用命令和常见问题和解决方法,作为备忘,也方便广大学生学习参考。一、什么是DockerDocker是一种开源的容器化平台,允许开发者将应用程序及其所有依赖项打包到一个标准化的单元中,称为容器。这个容器可以在任何支持Docker的环境中运行,提供了一种轻量级、可移植、自给自足的解决方案。小结一下:一次配置,处处运行,开箱即用!二、为什么</div>
                    </li>
                    <li><a href="/article/1896564719481843712.htm"
                           title="Windows逆向工程入门之MASM数据结构使用" target="_blank">Windows逆向工程入门之MASM数据结构使用</a>
                        <span class="text-muted">0xCC说逆向</span>
<a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a>
                        <div>公开视频->链接点击跳转公开课程博客首页->链接点击跳转博客主页目录第一章:MASM数据定义体系精要1.1基础数据类型全景1.1.1整型数据规范1.1.2浮点数据编码1.2复合数据结构1.2.1多维数组定义1.2.2复杂结构体第二章:逆向工程数据结构重建2.1PE文件数据段逆向2.1.1全局变量定位2.1.2导入表解析2.2运行时数据结构2.2.1堆内存结构2.2.2线程环境块(TEB)第三章:高</div>
                    </li>
                    <li><a href="/article/1896553751410438144.htm"
                           title="redis基础知识整理以及案例分析" target="_blank">redis基础知识整理以及案例分析</a>
                        <span class="text-muted">小鹿的周先生</span>

                        <div>redis基础知识整理以及案例分析1.redis1.概念2.下载安装3.命令操作1.数据结构4.持久化操作5.使用Java客户端操作redisRedis1.概念:redis是一款高性能的NOSQL系列的非关系型数据库1.1.什么是NOSQLNoSQL(NoSQL=NotOnlySQL),意即“不仅仅是SQL”,是一项全新的数据库理念,泛指非关系型的数据库。随着互联网web2.0网站的兴起,传统的关</div>
                    </li>
                    <li><a href="/article/1896428282111389696.htm"
                           title="JavaScript+CSS2+CSS3中文手册大全" target="_blank">JavaScript+CSS2+CSS3中文手册大全</a>
                        <span class="text-muted">远方之巅</span>

                        <div>本文还有配套的精品资源,点击获取简介:JavaScript是一种用于网页动态效果和交互功能的脚本语言,与HTML和CSS共同构建富互联网应用。CSS2和CSS3作为网页样式的语言,增强了网页设计的布局控制和用户体验。本手册集提供了这三种技术的详细指南,包括基本语法、函数、对象操作、DOM操作、事件处理、BOM、AJAX以及ES6的新特性,同时深入介绍了CSS2的盒模型、布局技巧和CSS3的媒体查询</div>
                    </li>
                    <li><a href="/article/1895744044626145280.htm"
                           title="HTML+CSS学习笔记" target="_blank">HTML+CSS学习笔记</a>
                        <span class="text-muted">潘越越</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
                        <div>目录一、emmet语法二、常用html标签使用方法:三、常用CSS样式css样式设计具体引入方式1.关于border边框的设计2.关于text文本内容的管理3.关于盒模型的分类以及position属性:4.background属性的使用5.实现样式转变持续更新……首先,整体了解有关HTML和CSS的使用,主要是为了搭建静态页面有关HTML5所需要掌握的框架:React+Reactnativeuni</div>
                    </li>
                    <li><a href="/article/1895626780258136064.htm"
                           title="什么是轮播图?如何实现轮播图?有几种方法?" target="_blank">什么是轮播图?如何实现轮播图?有几种方法?</a>
                        <span class="text-muted">妮在想什么</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
                        <div>轮播图(Carousel或Slider)是一种图像展示组件,用于在网页或应用中以动画效果展示多张图片或其他内容。用户可以手动控制轮播图的播放,也可以设置自动切换功能。常见的轮播图应用包括图片展示、广告、产品展示等。实现轮播图的几种方法:使用纯HTML和CSS这种方法适用于简单的轮播图,主要依靠CSS动画和过渡效果实现图像的切换。适合静态或少量内容的展示。css实现轮播图.box{/*可视区域宽须设</div>
                    </li>
                    <li><a href="/article/1895411438353182720.htm"
                           title="跨平台开发--Weex" target="_blank">跨平台开发--Weex</a>
                        <span class="text-muted">前端_学习之路</span>
<a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%B9%B3%E5%8F%B0%E5%BC%80%E5%8F%91/1.htm">跨平台开发</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a>
                        <div>Weex是一款由阿里巴巴开源的跨平台移动开发框架,本篇从其定义、特点、应用场景等方面进行介绍:定义与背景Weex允许开发者使用JavaScript、HTML和CSS等前端技术来构建跨平台的原生移动应用,它将前端开发的便利性与原生应用的性能优势相结合。Weex最初由阿里巴巴团队开发,旨在解决移动应用开发中多平台适配的问题,提高开发效率,降低开发成本。特点跨平台性:Weex最大的特点就是能够实现一次编</div>
                    </li>
                    <li><a href="/article/1895131335320727552.htm"
                           title="探索前端开发的无限可能:30个HTML+CSS案例集锦" target="_blank">探索前端开发的无限可能:30个HTML+CSS案例集锦</a>
                        <span class="text-muted">唐红娉Trevor</span>

                        <div>探索前端开发的无限可能:30个HTML+CSS案例集锦30个HTMLCSS前端开发案例完结篇项目地址:https://gitcode.com/Resource-Bundle-Collection/a6ecb项目介绍在快速发展的前端开发领域,掌握HTML和CSS是每一位开发者的基本功。为了帮助开发者从入门到精通,我们精心打造了一个包含30个案例的HTML+CSS前端开发案例集锦。这个项目不仅涵盖了从</div>
                    </li>
                    <li><a href="/article/1894899065083195392.htm"
                           title="爬虫必备html和css基础知识" target="_blank">爬虫必备html和css基础知识</a>
                        <span class="text-muted">ylfhpy</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E9%A1%B9%E7%9B%AE%E5%85%A5%E9%97%A8/1.htm">爬虫项目入门</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
                        <div>一、引言在当今数字化时代,网络上蕴含着海量的有价值数据。Python爬虫技术凭借其高效、灵活的特点,成为了获取这些数据的重要手段。而网页数据通常以HTML格式呈现,要想准确地从网页中提取所需信息,就需要深入了解HTML标签的结构和含义,以及如何运用CSS选择器精准定位目标元素。本文将围绕这两方面展开详细阐述,旨在帮助掌握Python爬虫的关键基础技能。二、常用HTML标签详解2.1文本结构标签2.</div>
                    </li>
                    <li><a href="/article/1894814679432228864.htm"
                           title="网络安全 linux学习计划 linux网络安全精要" target="_blank">网络安全 linux学习计划 linux网络安全精要</a>
                        <span class="text-muted">网络安全-杰克</span>
<a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
                        <div>2.使用命令行文件系统层次标准(FHS)是一个文件和目录在Unix和Linux操作系统上面应该如何存储的定义。/bin重要的二进制可执行程序/boot与系统启动有关的文件/etc系统配置文件/home普通用户家目录/lib重要的系统库/media可移动介质的挂载路径/mnt临时的挂载路径/opt可选择安装的软件包/proc与系统内核及进程有关的信息(虚拟的文件系统)/rootroot用户家目录/s</div>
                    </li>
                    <li><a href="/article/1893965661617582080.htm"
                           title="DOCTYPE的作用" target="_blank">DOCTYPE的作用</a>
                        <span class="text-muted">捂風鋔笶_小欣同學</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>在HTML中,声明(也称为文档类型声明)是一个必要的元素,它位于HTML文档的第一行,用来告知浏览器当前文档使用的HTML版本或规范。下面详细介绍它的作用:1.触发标准模式渲染现代浏览器有两种渲染模式:标准模式(也称为严格模式)和怪异模式(也称为混杂模式)。标准模式:浏览器按照HTML和CSS规范来解析和渲染页面,保证页面在不同浏览器中的显示效果尽可能一致。当文档中包含正确的声明时,浏览器会以标准</div>
                    </li>
                    <li><a href="/article/1893562965941088256.htm"
                           title="前端面试题(超全!)" target="_blank">前端面试题(超全!)</a>
                        <span class="text-muted">技术猿禁</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>一、HTML考题(8题)1.前端页面有哪三层构成,分别是什么?作用是什么?//前端三层构成:有三层,分别是:html、css、js,那html为dom,css是样式,js是交互//浏览器进程模型:(1)浏览器是一个大进程,中包含多个进程,进程中也有很多线程。(2)那么就拿html和css来说,是靠GUI来渲染的,那么如果要避免回流重绘,需要靠GPU进程完成,这样性能会好。(3)js是靠渲染进程的渲</div>
                    </li>
                    <li><a href="/article/1892560786958643200.htm"
                           title="猎板 PCB:HDI 技术精要解读" target="_blank">猎板 PCB:HDI 技术精要解读</a>
                        <span class="text-muted">lboyj</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>HDI技术凭借增加盲埋孔的方式,达成了高密度布局,在高端服务器、智能手机、多功能POS机以及安防摄像机等诸多领域均有广泛应用。尤其在通讯和计算机行业中,对HDI线路板有着较高的需求,这在一定程度上有力地推动了科技的持续进步,使得HDI板在国内市场展现出十分乐观的发展前景。然而,HDI技术作为一种特殊工艺,也面临诸多挑战。一方面,其成本相对较高;另一方面,对制造商的生产能力有着严格要求。倘若缺乏先进</div>
                    </li>
                    <li><a href="/article/1891281664047378432.htm"
                           title="electron-vue 安装环境、构建+打包(mac和windows)这一篇就够了" target="_blank">electron-vue 安装环境、构建+打包(mac和windows)这一篇就够了</a>
                        <span class="text-muted">阿毛sky</span>
<a class="tag" taget="_blank" href="/search/electron/1.htm">electron</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>由于公司需要,下一个项目需要做CS开发,技术选型分析后,选择了electron(Electron是一个使用JavaScript,HTML和CSS等Web技术创建原生程序的框架)研究发现,electron与vue-cli3.0脚手架做了很好的融合,对于我们这种用惯了vue,以及elementUI这些UI框架的Web前端开发工程师来说,实在太友好了,不过,这是一门国外框架技术,不仅是环境搭建、安装、文</div>
                    </li>
                    <li><a href="/article/1890803274878087168.htm"
                           title="JavaScript窗口大小变化事件:window.resize" target="_blank">JavaScript窗口大小变化事件:window.resize</a>
                        <span class="text-muted">星际编程喵</span>
<a class="tag" taget="_blank" href="/search/%E6%8E%A2%E7%B4%A2Spring%E7%9A%84%E5%A5%87%E5%A6%99%E4%B8%96%E7%95%8C/1.htm">探索Spring的奇妙世界</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
                        <div>1.前言在Web开发中,JavaScript是一种强大的脚本语言,它可以与HTML和CSS一起使用,为用户提供交互性和动态性的体验。其中,window.addEventListener("resize")事件是一个常用的事件之一,用于在浏览器窗口大小发生变化时触发相应的操作。本文将深入介绍这个事件的相关内容。2.简介window.resize事件是浏览器提供的一种事件,用于监听窗口大小的改变。这意</div>
                    </li>
                    <li><a href="/article/1890610469408927744.htm"
                           title="html制作大白,怎样用HTML和CSS做出大白?" target="_blank">html制作大白,怎样用HTML和CSS做出大白?</a>
                        <span class="text-muted">张竞扬 摩尔精英</span>
<a class="tag" taget="_blank" href="/search/html%E5%88%B6%E4%BD%9C%E5%A4%A7%E7%99%BD/1.htm">html制作大白</a>
                        <div>您最好对HTML和CSS有一定的了解HTML代码背景颜色为灰色或者黑色,更容易衬托出大白body{background:#595959;}#baymax{/*设置为居中*/margin:0auto;/*高度*/height:600px;/*隐藏溢出*/overflow:hidden;}#head{height:64px;width:100px;/*以百分比定义圆角的形状*/border-radiu</div>
                    </li>
                    <li><a href="/article/1889721070039134208.htm"
                           title="基于 Python(Flask)、JavaScript、HTML 和 CSS 实现前后端交互的详细开发过程" target="_blank">基于 Python(Flask)、JavaScript、HTML 和 CSS 实现前后端交互的详细开发过程</a>
                        <span class="text-muted">星糖曙光</span>
<a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF%E8%AF%AD%E8%A8%80%EF%BC%88node/1.htm">后端语言(node</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue%E7%AD%89%E7%AD%89%EF%BC%89/1.htm">vue等等)</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>以下是一个基于Python(Flask)、JavaScript、HTML和CSS实现前后端交互的详细开发过程:---###一、技术选型1.**后端**:PythonFlask(轻量级Web框架)2.**前端**:HTML/CSS+JavaScript(原生JS或FetchAPI)3.**通信协议**:HTTP+JSON---###二、项目结构```bashmyweb/├──static/#静态文件</div>
                    </li>
                    <li><a href="/article/1889202377169367040.htm"
                           title="Python网络爬虫精要" target="_blank">Python网络爬虫精要</a>
                        <span class="text-muted">小迪和夫人</span>
<a class="tag" taget="_blank" href="/search/IT/1.htm">IT</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python%E5%AD%A6%E4%B9%A0/1.htm">python学习</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>目的学习如何从互联网上获取数据。数据科学必须掌握的技能之一。本文所用到的第三方库如下:requests,parsel,seleniumrequests负责向网页发送HTTP请求并得到响应,parsel负责解析响应字符串,selenium负责JavaScript的渲染。网络爬虫是什么网络爬虫是一种按照一定的规则,自动地抓取网站信息的程序或者脚本。我们都知道Python容易学,但是就是不知道如何去学,</div>
                    </li>
                    <li><a href="/article/1888152718283960320.htm"
                           title="什么是响应式设计,如何用HTML和CSS实现?" target="_blank">什么是响应式设计,如何用HTML和CSS实现?</a>
                        <span class="text-muted">锦匠网页</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>什么是响应式设计,如何用HTML和CSS实现?在现代网页开发中,响应式设计是一个不可或缺的概念。随着移动设备用户数量的激增,确保用户在各种设备上获得良好体验的需求愈发明显。本文将详细介绍响应式设计的概念,并提供示例代码,展示如何使用HTML和CSS实现响应式布局。什么是响应式设计?响应式设计是一种网页设计方法,旨在使网页在不同屏幕尺寸和设备上灵活调整布局和内容。通过使用相对单位、媒体查询和灵活的网</div>
                    </li>
                    <li><a href="/article/1887424568398770176.htm"
                           title="风灵云盘:基于HTML和PHP的云存储解决方案深度解析" target="_blank">风灵云盘:基于HTML和PHP的云存储解决方案深度解析</a>
                        <span class="text-muted">IT·小灰灰</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
                        <div>在数字化时代,数据的存储和管理变得至关重要。风灵云盘,一个基于HTML和PHP构建的云存储平台,以其高性能、安全性和易用性,为用户提供了一个可靠的数据存储解决方案。本文将详细探讨风灵云盘的技术架构、用户界面、核心功能、客户支持以及最新更新,以深入了解这一云存储服务的各个方面。目录一、技术架构1.前端:HTML和CSS2.后端:PHP二、用户界面三、核心功能1.文件上传与管理2.数据安全与隐私3.跨</div>
                    </li>
                    <li><a href="/article/1887297494992351232.htm"
                           title="利用HTML和css技术编写学校官网页面" target="_blank">利用HTML和css技术编写学校官网页面</a>
                        <span class="text-muted">彭友圈101</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>目录一,图例展示二,代码说明1,html部分:【第一张图片】【第二张图片】【第三张图片】2,css部分:【第一张图片】【第二张图片】【第三张图片】三,程序代码一,图例展示二,代码说明1,html部分:【第一张图片】创建了一个基本的页面结构,包含header(顶部导航栏)和main(主横幅区域)。在header中,设置了学校logo、学校名称、主导航菜单以及用户相关选项(学生、教工等)。main区域</div>
                    </li>
                    <li><a href="/article/1887170125300297728.htm"
                           title="JavaaScript----事件流的处理方式" target="_blank">JavaaScript----事件流的处理方式</a>
                        <span class="text-muted">*Miraitowa*</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                        <div>JavaScript与HTML的交互是通过事件实现的,事件代表文档或浏览器窗口中某个有意义的时刻(用户或浏览器执行了某种动作)。可以使用仅在事件发生时执行的监听器(也叫处理程序)来订阅事件。这个模型叫“观察者模式”,其能够做到页面行为(在JavaScript中定义)与页面展示(在HTML和CSS中定义)的分离。一、事件流当你点击一个按钮时,实际上不光点击了这个按钮,还点击了它的容器以及整个页面。这</div>
                    </li>
                    <li><a href="/article/1886881277617958912.htm"
                           title="全面HTML与CSS入门教程:从基础到实践" target="_blank">全面HTML与CSS入门教程:从基础到实践</a>
                        <span class="text-muted">草履虫稽亚娜</span>

                        <div>本文还有配套的精品资源,点击获取简介:本HTML和CSS教程为初学者打造,主要介绍网页开发中最基础的技术。HTML定义网页结构,而CSS负责设计样式。教程包括创建HTML文档结构、表格、列表、表单元素、多媒体内容,以及CSS布局和响应式设计等主题。通过实际案例和习题,学生将学会如何将理论知识应用于实际网页设计中,实现从入门到基本掌握的目标。1.HTML基础知识与结构1.1HTML文档的基本结构HT</div>
                    </li>
                    <li><a href="/article/1886708917464002560.htm"
                           title="细说PHP(精要版)" target="_blank">细说PHP(精要版)</a>
                        <span class="text-muted">weixin_33847182</span>
<a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95/1.htm">测试</a>
                        <div>《细说PHP(精要版)》基本信息作者:高洛峰出版社:电子工业出版社ISBN:9787121201479上架时间:2013-5-13出版日期:2013年5月开本:16开页码:388版次:1-1所属分类:计算机更多关于》》》《细说PHP(精要版)》内容简介计算机书籍php是开发web应用系统最理想的工具,拥有易于使用、功能强大、成本低廉、安全性高、开发速度快且执行灵活等优点。《细说php(第2版)》自</div>
                    </li>
                    <li><a href="/article/1886442063193501696.htm"
                           title="Vue和Vue-Element-Admin(十):HTML和CSS快速学习笔记" target="_blank">Vue和Vue-Element-Admin(十):HTML和CSS快速学习笔记</a>
                        <span class="text-muted">A叶子叶</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Vue%E4%B8%8EWeb%E5%BC%80%E5%8F%91/1.htm">Vue与Web开发</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>目录html标签分类网页布局盒子模型浮动定位css标签选择flex布局transform转换Vue开发tipsless和scssVScode常用插件后端语言框架很多,Java适合企业级应用(规范且稳定),Go适合高并发场景(比如云上产品),Python框架(bottle,tornado,django)简单且快速,也天然适合数据分析场景,PHP适合快速建站,前端变化小,所见即所得,因此抽空记录下学习</div>
                    </li>
                    <li><a href="/article/1886161079344623616.htm"
                           title="JavaScript-黑马程序员-前端零基础" target="_blank">JavaScript-黑马程序员-前端零基础</a>
                        <span class="text-muted">羊羊的代码笔记本</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>目录1.初识JavaScript1.1浏览器执行js1.2js的组成1.3js三种书写方式1.4JavaScript输入输出语句2.变量2.1变量是一个装东西的容器2.2变量是使用2.3更新变量2.4声明多个变量1.初识JavaScript是一种高级编程语言1.1浏览器执行js浏览器分成两部分:渲染引擎和js引擎渲染引擎:用来解析HTML和CSS,俗称内核js引擎:也称为js解释器。用来读取网页中</div>
                    </li>
                    <li><a href="/article/1885780530847346688.htm"
                           title="html自学学多久,HTML和CSS要学多久? 入门需要多长时间?" target="_blank">html自学学多久,HTML和CSS要学多久? 入门需要多长时间?</a>
                        <span class="text-muted">安检</span>
<a class="tag" taget="_blank" href="/search/html%E8%87%AA%E5%AD%A6%E5%AD%A6%E5%A4%9A%E4%B9%85/1.htm">html自学学多久</a>
                        <div>HTML和CSS要学多久?相信很多想要学习网页前端开发的小伙伴都会有这个疑问,今天W3Cschool小编就来和大家探讨一下这个问题。作为Web前端开发的基础,HTML和CSS是都是非常基础的语言,但是想要以此为工作的话,只是掌握HTML和CSS还是不够的,JS也需要学习。这样还不够,最好还能花一些时间学习一下近几年非常火的HTML5和CSS3,这样才能算是完全掌握了Web前端相关技术。如果单说HT</div>
                    </li>
                    <li><a href="/article/1885649691438280704.htm"
                           title="SSM 构建个性化商铺系统:功能亮点聚焦商业成功" target="_blank">SSM 构建个性化商铺系统:功能亮点聚焦商业成功</a>
                        <span class="text-muted">2402_85758349</span>
<a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                        <div>第二章开发技术与环境配置以Java语言为开发工具,利用了当前先进的SSM框架技术,以MyEclipse10为系统开发工具,MySQL为后台数据库,开发的一个个性化商铺系统。2.1微信开发者工具在传统web浏览器中,在加载htm15页面时先加载视图层的html和css,后加载逻辑层的javascript,然后返回数据并在浏览器中展示页面。而微信开发者工具的系统层是基于NativeSystem的,视图</div>
                    </li>
                    <li><a href="/article/1885515762915930112.htm"
                           title="使用HTML和CSS制作爱心特效" target="_blank">使用HTML和CSS制作爱心特效</a>
                        <span class="text-muted">WbhsOcaml</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/Css/1.htm">Css</a>
                        <div>在本文中,我们将详细介绍如何使用HTML和CSS来制作一个漂亮的爱心特效。我们将使用CSS的伪元素和过渡效果来实现这个效果。让我们开始吧!首先,我们需要创建一个HTML文件,并在其中添加一个div元素来容纳我们的爱心特效。在div元素内部,我们将添加一个span元素,用于创建爱心形状。</div>
                    </li>
                                <li><a href="/article/87.htm"
                                       title="面向对象面向过程" target="_blank">面向对象面向过程</a>
                                    <span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>面向对象:把要完成的一件事,通过对象间的协作实现。 
面向过程:把要完成的一件事,通过循序依次调用各个模块实现。 
我把大象装进冰箱这件事为例,用面向对象和面向过程实现,都是用java代码完成。 
 
1、面向对象 
 

package bigDemo.ObjectOriented;

/**
 * 大象类
 * 
 * @Description
 * @author FuJian</div>
                                </li>
                                <li><a href="/article/214.htm"
                                       title="Java Hotspot: Remove the Permanent Generation" target="_blank">Java Hotspot: Remove the Permanent Generation</a>
                                    <span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a>
                                    <div>  
openjdk上关于hotspot将移除永久带的描述非常详细,http://openjdk.java.net/jeps/122 
  
JEP 122: Remove the Permanent Generation

Author	Jon Masamitsu
Organization	Oracle
Created	2010/8/15
Updated	2011/</div>
                                </li>
                                <li><a href="/article/341.htm"
                                       title="正则表达式向前查找向后查找,环绕或零宽断言" target="_blank">正则表达式向前查找向后查找,环绕或零宽断言</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a>
                                    <div>向前查找和向后查找 
1. 向前查找:根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。 
    对于向前查找,出现在指定项之后的字符序列不会被正则表达式引擎返回。 
2. 向后查找:一个要匹配的字符序列前面有或者没有指定的</div>
                                </li>
                                <li><a href="/article/468.htm"
                                       title="BaseDao" target="_blank">BaseDao</a>
                                    <span class="text-muted">171815164</span>
<a class="tag" taget="_blank" href="/search/seda/1.htm">seda</a>
                                    <div>

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
import java.sql.PreparedStatement;
import java.sql.ResultSet;

public class BaseDao {

	public Conn</div>
                                </li>
                                <li><a href="/article/595.htm"
                                       title="Ant标签详解--Java命令" target="_blank">Ant标签详解--Java命令</a>
                                    <span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/Java%E5%91%BD%E4%BB%A4/1.htm">Java命令</a>
                                    <div>        这一篇主要介绍与java相关标签的使用          终于开始重头戏了,Java部分是我们关注的重点也是项目中用处最多的部分。               
1</div>
                                </li>
                                <li><a href="/article/722.htm"
                                       title="[简单]代码片段_电梯数字排列" target="_blank">[简单]代码片段_电梯数字排列</a>
                                    <span class="text-muted">53873039oycg</span>
<a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a>
                                    <div>       今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子,如下:       
import java.util.Arrays;

public class 电梯数字排列_S3_Test {
	public static void main(S</div>
                                </li>
                                <li><a href="/article/849.htm"
                                       title="Hessian原理" target="_blank">Hessian原理</a>
                                    <span class="text-muted">云端月影</span>
<a class="tag" taget="_blank" href="/search/hessian%E5%8E%9F%E7%90%86/1.htm">hessian原理</a>
                                    <div>Hessian 原理分析 
 
 
 
 
 
一.      远程通讯协议的基本原理 
 
网络通信需要做的就是将流从一台计算机传输到另外一台计算机,基于传输协议和网络 IO 来实现,其中传输协议比较出名的有 http 、 tcp 、 udp 等等, http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协</div>
                                </li>
                                <li><a href="/article/976.htm"
                                       title="区分Activity的四种加载模式----以及Intent的setFlags" target="_blank">区分Activity的四种加载模式----以及Intent的setFlags</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>  
在多Activity开发中,有可能是自己应用之间的Activity跳转,或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例,而不是产生大量重复的Activity。 
这需要为Activity配置特定的加载模式,而不是使用默认的加载模式。 加载模式分类及在哪里配置 
Activity有四种加载模式: 
 
 standard 
 singleTop</div>
                                </li>
                                <li><a href="/article/1103.htm"
                                       title="hibernate几个核心API及其查询分析" target="_blank">hibernate几个核心API及其查询分析</a>
                                    <span class="text-muted">antonyup_2006</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a>
                                    <div>(一)  org.hibernate.cfg.Configuration类 
        读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.) 
        Configuration co</div>
                                </li>
                                <li><a href="/article/1230.htm"
                                       title="PL/SQL的流程控制" target="_blank">PL/SQL的流程控制</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/PL%2FSQL%E7%BC%96%E7%A8%8B/1.htm">PL/SQL编程</a><a class="tag" taget="_blank" href="/search/%E5%BE%AA%E7%8E%AF%E6%8E%A7%E5%88%B6/1.htm">循环控制</a>
                                    <div>PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有 
  
流程控制; 
   分支语句 if 条件 then 结果 else 结果  end if ;

  条件语句 case    when   条件  then  结果;

   循环语句  loop    </div>
                                </li>
                                <li><a href="/article/1357.htm"
                                       title="强大的Mockito测试框架" target="_blank">强大的Mockito测试框架</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a>
                                    <div>一.自动生成Mock类        在需要Mock的属性上标记@Mock注解,然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类  &nbs</div>
                                </li>
                                <li><a href="/article/1484.htm"
                                       title="精通Oracle10编程SQL(11)开发子程序" target="_blank">精通Oracle10编程SQL(11)开发子程序</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a>
                                    <div>/*
 *开发子程序
 */
--子程序目是指被命名的PL/SQL块,这种块可以带有参数,可以在不同应用程序中多次调用
--PL/SQL有两种类型的子程序:过程和函数
--开发过程
--建立过程:不带任何参数
CREATE OR REPLACE PROCEDURE out_time
IS
BEGIN
 DBMS_OUTPUT.put_line(systimestamp);
E</div>
                                </li>
                                <li><a href="/article/1611.htm"
                                       title="【EhCache一】EhCache版Hello World" target="_blank">【EhCache一】EhCache版Hello World</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Hello+world/1.htm">Hello world</a>
                                    <div>本篇是EhCache系列的第一篇,总体介绍使用EhCache缓存进行CRUD的API的基本使用,更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍 
  环境准备 
1.新建Maven项目 
  
2.添加EhCache的Maven依赖 
        <dependency>
            <groupId>ne</div>
                                </li>
                                <li><a href="/article/1738.htm"
                                       title="学习EJB3基础知识笔记" target="_blank">学习EJB3基础知识笔记</a>
                                    <span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/jboss/1.htm">jboss</a><a class="tag" taget="_blank" href="/search/webservice/1.htm">webservice</a><a class="tag" taget="_blank" href="/search/ejb/1.htm">ejb</a>
                                    <div>最近项目进入系统测试阶段,全赖袁大虾领导有力,保持一周零bug记录,这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了,EJB基本的知识也有些了解,在这记录下EJB的部分知识,以供自己以后复习使用。 
  
EJB是sun的服务器端组件模型,最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分,定义了一个用于开发基</div>
                                </li>
                                <li><a href="/article/1865.htm"
                                       title="angular.bootstrap" target="_blank">angular.bootstrap</a>
                                    <span class="text-muted">boyitech</span>
<a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/angular%E4%B8%AD%E6%96%87api/1.htm">angular中文api</a>
                                    <div>angular.bootstrap 
描述:  
    手动初始化angular。 
    这个函数会自动检测创建的module有没有被加载多次,如果有则会在浏览器的控制台打出警告日志,并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。 
    使用方法:       angular .</div>
                                </li>
                                <li><a href="/article/1992.htm"
                                       title="java-谷歌面试题-给定一个固定长度的数组,将递增整数序列写入这个数组。当写到数组尾部时,返回数组开始重新写,并覆盖先前写过的数" target="_blank">java-谷歌面试题-给定一个固定长度的数组,将递增整数序列写入这个数组。当写到数组尾部时,返回数组开始重新写,并覆盖先前写过的数</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>

public class SearchInShiftedArray {

	/**
	 * 题目:给定一个固定长度的数组,将递增整数序列写入这个数组。当写到数组尾部时,返回数组开始重新写,并覆盖先前写过的数。
	 * 请在这个特殊数组中找出给定的整数。
	 * 解答:
	 * 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl</div>
                                </li>
                                <li><a href="/article/2119.htm"
                                       title="天使还是魔鬼?都是我们制造" target="_blank">天使还是魔鬼?都是我们制造</a>
                                    <span class="text-muted">ducklsl</span>
<a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E6%95%99%E8%82%B2/1.htm">教育</a><a class="tag" taget="_blank" href="/search/%E6%83%85%E6%84%9F/1.htm">情感</a>
                                    <div>----------------------------剧透请原谅,有兴趣的朋友可以自己看看电影,互相讨论哦!!! 
    从厦门回来的动车上,无意中瞟到了书中推荐的几部关于儿童的电影。当然,这几部电影可能会另大家失望,并不是类似小鬼当家的电影,而是关于“坏小孩”的电影! 
    自己挑了两部先看了看,但是发现看完之后,心里久久不能平</div>
                                </li>
                                <li><a href="/article/2246.htm"
                                       title="[机器智能与生物]研究生物智能的问题" target="_blank">[机器智能与生物]研究生物智能的问题</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E7%94%9F%E7%89%A9/1.htm">生物</a>
                                    <div> 
 
      我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别.... 
 
 
      但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把</div>
                                </li>
                                <li><a href="/article/2373.htm"
                                       title="获取Android Device的信息" target="_blank">获取Android Device的信息</a>
                                    <span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                    <div>
String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT;
phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI;
phoneInfo += ", TAGS: " + android.os.Build.TAGS;
ph</div>
                                </li>
                                <li><a href="/article/2500.htm"
                                       title="最佳字符串匹配算法(Damerau-Levenshtein距离算法)的Java实现" target="_blank">最佳字符串匹配算法(Damerau-Levenshtein距离算法)的Java实现</a>
                                    <span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%AD%97%E7%AC%A6%E4%B8%B2%E5%8C%B9%E9%85%8D/1.htm">字符串匹配</a>
                                    <div>原文:http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------</div>
                                </li>
                                <li><a href="/article/2627.htm"
                                       title="小学5年级英语单词背诵第一课" target="_blank">小学5年级英语单词背诵第一课</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a>
                                    <div>long 长的 
show 给...看,出示 
mouth 口,嘴 
write 写 
  
use 用,使用 
take 拿,带来 
hand 手 
clever 聪明的 
  
often 经常 
wash 洗 
slow 慢的 
house 房子 
  
water 水 
clean 清洁的 
supper 晚餐 
out 在外 
  
face 脸,</div>
                                </li>
                                <li><a href="/article/2754.htm"
                                       title="macvim的使用实战" target="_blank">macvim的使用实战</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mac/1.htm">mac</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a>
                                    <div>macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳 
  
1. 下载macvim 
https://code.google.com/p/macvim/ 
  
2. 了解macvim 
:h               vim的使用帮助信息 
:h macvim  </div>
                                </li>
                                <li><a href="/article/2881.htm"
                                       title="java二分法查找" target="_blank">java二分法查找</a>
                                    <span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/java%E4%BA%8C%E5%88%86%E6%B3%95%E6%9F%A5%E6%89%BE/1.htm">java二分法查找</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%88%86%E6%B3%95/1.htm">二分法</a><a class="tag" taget="_blank" href="/search/java%E4%BA%8C%E5%88%86%E6%B3%95/1.htm">java二分法</a>
                                    <div>java二分法查找 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 
蕃薯耀 2015年6月23日 11:40:03 星期二 
http:/</div>
                                </li>
                                <li><a href="/article/3008.htm"
                                       title="Spring Cache注解+Memcached" target="_blank">Spring Cache注解+Memcached</a>
                                    <span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/memcached/1.htm">memcached</a>
                                    <div>Spring3.1 Cache注解  
依赖jar包: 
<!-- simple-spring-memcached -->
		<dependency>
			<groupId>com.google.code.simple-spring-memcached</groupId>
			<artifactId>simple-s</div>
                                </li>
                                <li><a href="/article/3135.htm"
                                       title="apache commons io包快速入门" target="_blank">apache commons io包快速入门</a>
                                    <span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/apache+commons/1.htm">apache commons</a>
                                    <div>原文参考 
http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html 
 
  Apache Commons IO 包绝对是好东西,地址在http://commons.apache.org/proper/commons-io/,下面用例子分别介绍: 
  1)  工具类 
  2</div>
                                </li>
                                <li><a href="/article/3262.htm"
                                       title="如何学习编程" target="_blank">如何学习编程</a>
                                    <span class="text-muted">lampcy</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
                                    <div>首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有</div>
                                </li>
                                <li><a href="/article/3389.htm"
                                       title="架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy" target="_blank">架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy</a>
                                    <span class="text-muted">nannan408</span>
<a class="tag" taget="_blank" href="/search/Spring3/1.htm">Spring3</a>
                                    <div>1.前言。 
   如题。 
2.描述。 
   


@DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法,使用该Annotation时可以指定一个字符串数组作为参数,每个数组元素对应于一个强制初始化的Bean。

@DependsOn({"steelAxe","abc"})
@Comp</div>
                                </li>
                                <li><a href="/article/3516.htm"
                                       title="Spring4+quartz2的配置和代码方式调度" target="_blank">Spring4+quartz2的配置和代码方式调度</a>
                                    <span class="text-muted">Everyday都不同</span>
<a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%A0%81/1.htm">代码</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE/1.htm">配置</a><a class="tag" taget="_blank" href="/search/spring4/1.htm">spring4</a><a class="tag" taget="_blank" href="/search/quartz2.x/1.htm">quartz2.x</a><a class="tag" taget="_blank" href="/search/%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1/1.htm">定时任务</a>
                                    <div>前言:这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多,所以,只好自己去查阅底层API…… 
  
quartz定时任务必须搞清楚几个概念: 
JobDetail——处理类 
Trigger——触发器,指定触发时间,必须要有JobDetail属性,即触发对象 
Scheduler——调度器,组织处理类和触发器,配置方式一般只需指定触发</div>
                                </li>
                                <li><a href="/article/3643.htm"
                                       title="Hibernate入门" target="_blank">Hibernate入门</a>
                                    <span class="text-muted">tntxia</span>
<a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
                                    <div>  
前言 
  
使用面向对象的语言和关系型的数据库,开发起来很繁琐,费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM(Object/Relational Mapping)解决方案。 
  
Hibernte不仅关心把Java对象对应到数据库的表中,而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。 
  
如</div>
                                </li>
                                <li><a href="/article/3770.htm"
                                       title="Math类" target="_blank">Math类</a>
                                    <span class="text-muted">xiaoxing598</span>
<a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a>
                                    <div>一、Java中的数字(Math)类是final类,不可继承。 
1、常数    PI:double圆周率 E:double自然对数    
2、截取(注意方法的返回类型)    double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数   int round(float f) 返回四舍五入后的整数 long round</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类:</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </div>
    </div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>





</body>

</html>