慕课网HTML+CSS基础教程(11-15章)

一、CSS盒模型

1、元素分类：html标签中元素分为块状元素、内联元素（行内元素）和内联块状元素。

常用块状元素：

常用内联元素：


常用内联块状元素：


（1）块状元素

将元素显示/转换为块状元素：
a{display:block;}
块状元素特点：
a）每个块状元素和其后的元素都要独占一行
b）元素的高度、宽度、行高和底边距都可设置
c）元素宽度不设置时，默认是它本身父元素的宽度

（2）内联元素

将元素显示/转换为内联元素：

div{
display:inline;
}```
内联元素特点：
a）和其余元素在一行上
b）元素的高度、宽度、顶部和底边距不可设置
c）元素宽度（它包含的文字或图片宽度）不可改变


（3）内联块状元素（inline-block）
同时具备内联元素和块状元素的特点
>`display:inline-block`
特点：
a）和其他元素在一行上
b）元素高度、宽度、行高、顶和底边距可设置

2、盒模型

![盒模型.png](http://upload-images.jianshu.io/upload_images/3194437-962a89858ecc088b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
>以月饼举例：
月饼盒为一个页面元素比如

五仁月饼为盒模型里的内容（可以是文字、图片或标签元素）
4个padding为内填充
盒子的边框为border
盒模型与盒模型的间距为margin

（1）盒模型边框
边框可以被设置粗细、样式、颜色
>如：

div{
border:2px solid red;
}

边框的样式常见的有：
dashed（虚线）、solid（实线）、dotted（点线）

>也可以只为下边框设置样式：
`div{border-bottom:1px solid red;}`

（2）盒模型宽度和高度
盒模型实际宽度=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
>举个例子：

div{
width:200px;
padding:20px;
border:1px solid red;
margin:10px;
}

元素实际宽度为：10+1+20+200+20+1+10=262

（3）盒模型填充
元素内容与边框之间的距离是填充，写代码时有方向：顺时针上、右、下、左
`div{padding:20px 10px 15px 30px;}`
如果四个方向填充都为10px，可写：
`div{padding:10px;}`
如果上下填充为10px，左右填充为20px，可写：
`div{padding:10px  20px;}`

（4）盒模型边界
边界margin是元素与其他元素之间的距离，顺序也是上、右、下、左
>padding与margin的区别：
padding在边框里
margin在边框外

## 二、CSS布局模型
>CSS有三种布局模型：
（1）流动模型（Flow）
（2）浮动模型（Float）
（3）层模型（Layer）

（1）流动模型（Flow）
流动模型是默认的网页布局模式。
有2个典型特征：
1）块状元素在所处的包含元素内自上而下按顺序垂直延伸分布，默认块状元素的宽度为100%，以行的形式占据位置
2）内联元素会在所处包含元素内从左到右水平分布显示（不会霸占一行）

（2）浮动模型（Float）
元素在默认情况下是不能浮动的，可以使用CSS定义为浮动
>如：定义为左浮动

div{
width:200px;
height:200px;
border:2px red solid;
float:left;
}

（3）层模型（Layer）
可以让网页元素在网页中精确定位，像PS中的图层一样。
>层模型的三种形式：
1）绝对定位（position:absolute）
2）相对定位（position:relative）
3）固定定位（position:fixed）

1）绝对定位
将元素从文档流中拖出来，用left/top/right/bottom属性相对于其最接近的一个具有定位属性的父包含快进行绝对定位，如果不存在这样的包含块，就相对于body元素（浏览器窗口）。
>如：

div{
position:absolute;
left:100px;
top:50px
}

表示div元素相对于浏览器窗口向右移动100px，向下移动50px

2）相对定位
相对定位的过程是首先按static（float）方式生成一个元素，然后相对于以前的位置移动，移动的方向和幅度由上下左右四个属性确定，偏移前的位置保留不动。

3）固定定位
固定定位的相对移动坐标是视图（网页窗口），不会随着浏览器窗口的滚动条变化而变化，除非移动浏览器窗口的位置或者改变浏览器窗口的大小。固定定位不会受文档流动影响。

4)relative与absolute组合使用
用于不想对于浏览器定位，相对于其他元素的定位
>第一步：
参照定位的元素必须是相对定位元素的前辈元素
第二步：
参照定位的元素（前辈元素）加入position:relative
第三步：
定位元素加入position:absolute
如box1是box2的父辈元素

box1{

 width:200px;
 height:200px
 position:relative;

}

box2{

 position:absolute;
 top:20px;
 left:30px

}

## 三、CSS代码缩写
缩写可以减少占用的带宽
1、盒模型代码缩写
>三种缩写方法：
（1）如果top、right、bottom、left的值相同
`margin:10px;`
（2）如果top和bottom的值相同，left和right的值相同
`margin:10px 20px`
（3）如果left和right的值相同
`margin:10px 20px 30px`

2、颜色值缩写
当设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。
如：
`p{color:#000000;}`可缩写为`p{color:#000;}`
再如：
`p{color:#336699;}`可缩写为：`p{color:#369;}`

3、字体缩写
（1）缩写时至少要指定font-size和font-family的属性，其他属性（如weight、style、variant、height）未指定则自动使用默认值。
（2）font-size和line-height之间要加/
>比如：

body{
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:"宋体",sans-serif;
}

可缩写为：

body{
font:italic small-caps bold 12px/1.5em "宋体",san-serif;
}

## 四、单位和值
1、颜色值
>1）英文命令颜色：
`p{color:red;}`
2）RGB颜色：
`p{color:rgb(133,45,200);}`或者`p{color:rgb(20%,33%,25%);}`
3）十六进制颜色：
`p{color:#00ffff;}`

2、长度值
（1）像素
像素指的是显示器上的笑点（CSS规范中假设90px=1英寸）
（2）em
如果font-size为14px，则1em=14px，如果font-size为18px，则1em=18px
（3）百分比
`p{font-size:12px;line-height:130%}`
表示：设置行高为字体的130%（12*1.3=15.6px）

## 五、CSS样式设置小技巧
1、水平居中设置-行内元素
当被设置元素为文本、图片时，通过给父元素设置`text-align:center`实现
>举例：

html代码：



我要居中



CSS代码：


2、水平居中设置-定宽块状元素
块状元素分为定宽和不定宽
定宽元素：设置左右margin值为auto
>如：

div{
wedth:200px;
margin:20px auto;
}

3、水平居中总结-不定宽块状元素方法
不定宽块状元素：块状元素的宽度不固定
>不定宽块状元素有三种方法居中：
（1）加入table标签
（2）设置display:inline方法
（3）设置position:relative和left:50%方法

（1）加入table标签
第一步：为需要居中的元素加入一个table标签（包括`

`） 第二步：设置左右margin居中 >如 table{ border:1px solid; margin:0 auto; } （2）设置display:inline方法 改变块元素dispaly为inline（行内元素），再用text-align:center >比如： 1 2 1、2两种方法对比： 2的优势是不用增加无语义标签，但由于类型变成行内元素，也无法设定长度值了。 （3）设置position:relative和left:50%方法 方法：给父元素设置float，position:relative和left:50%，子元素设置position:relative和left:-50% >如： 1 2 3 .haha{ float:left; position:relative; left:50% } .haha ul{ list-style:none; margin:0; padding:0; position:relative; left:-50%; } .haha li{float:left;display:inline;margin-right:8px;} 像这样就可以让元素居中了。 3、垂直居中 垂直居中的两种情况：父元素高度确定的单行文本、父元素高度确定的多行文本。 （1）单行文本 设置父元素的height和line-height使其高度一致。 >如： CHINA .haha{ height: 100px; line-height: 100px; background: #999;; } 这样，CHINA就是垂直居中的。 （2）多行文本 父元素高度确定的多行文本、图片等竖直居中方法有两种。 方法一：插入table标签(包括tbody、tr、td)，同时设置vertical-align:middle（垂直居中的属性） >如： CHINA table td{ height: 500px; background: #ccc; vertical-align：middle } 此时效果图：  方法二：此方法兼容性较差，IE6、IE7不支持此方法。 设置块级元素display为table-cell（表格单元显示）、vertical-align:middle 此方法优点：不用添加多余无意义标签 缺点：兼容性不好、破坏了原有块状元素性质 >如： 11111 22222 .haha{ height: 300px; background: gold; display:table-cell; vertical-align: middle; } 此时效果图：  4、隐性改变display类型 当html代码出现以下两句之一时，元素display显示类型就会自动变为块状元素display:inline-block，此时可以设置width和height 1）position:absolute 2）float:left或float:right``` 你可能感兴趣的:(慕课网HTML+CSS基础教程(11-15章)) 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋 本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便 四章-32-点要素的聚合 彩云飘过 本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters. 关于城市旅游的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：做与用户的交互行为文章目录前端学习路线 ARM中断处理过程 落汤老狗 嵌入式linux 一、前言本文主要以ARM体系结构下的中断处理为例，讲述整个中断处理过程中的硬件行为和软件动作。具体整个处理过程分成三个步骤来描述：1、第二章描述了中断处理的准备过程2、第三章描述了当发生中的时候，ARM硬件的行为3、第四章描述了ARM的中断进入过程4、第五章描述了ARM的中断退出过程本文涉及的代码来自3.14内核。另外，本文注意描述ARM指令集的内容，有些sourcecode为了简短一些，删除了T 2019-3-23晨间日记 红红火火小耳朵 今天是什么日子起床：7点40就寝：23点半天气：有太阳，不过一会儿出来一会儿进去特别清爽的凉意，还蛮舒服的心情：小激动要给女朋友过生日啦纪念日：田田女士过生日任务清单昨日完成的任务，最重要的三件事：1.英语一对一2.运动计划3.认真护肤习惯养成：调整状态周目标·完成进度英语七天打卡（5/7）轻课阅读（87/180）音标课（25/30）读书（福尔摩斯一章）学习·信息·阅读#英语课#Cookingte 《我的青葱岁月之缘来是你》 第二章 迎新晚会 思源思缘思怨 “怎么你也来了这里？”我愉快的问到，想着这是上天给的缘分吗？我还没去找他竟然就相遇了。那个让我开心的老乡。“你好，我也是舞蹈社的新人啊！”他说，笑起来回答我，眼睛弯弯的。“这么巧，我叫吴倩，你叫啥？”“我叫韩欢，你也是B市人吧，c中毕业的？”“我不是，我是f中的，不然肯定会认识你的”“是吗？以后多多关照了”他还冲我眨了眨眼睛。内心一阵悸动，这是……回到寝室，我兴奋的告诉我的室友这个事情，我再次觉得 第九十章 真情 溪境 图片发自App图片发自App和雏田在一起的日子真的很开心。姐姐永远是最亲的最真的。佐助总来捣乱。小樱准备一盆水泼佐助。想到恋爱通告亦菲被泼水不免高兴。亦菲是最美的。没想到她也会有这种遭遇。也许不需要赚那么多钱。和家人在一起的日子真好。却轻易破碎。雏田的话语温软，依稀在耳边。她的微笑纯美温柔。喜欢温柔的哥哥，雏田就是这样啊。不知道雏田是喜欢男生还是女生。我都支持。过去门当户对。现在自由恋爱。想永远和 第一四三章：天降奇兵 逸川 “是她！”为了护住公孙枝，季姜（姜姓吕氏女，名子芸）舍身朝着刺来的长戟迎了过去。待公孙枝反应过来，长戟的尖刃已经抵到了季姜的胸前，让他只感手足无措。然就在这千钧一发之际，有一支羽箭突然从山巅飞来直插入狄兵脖颈，将其连人带戟射倒在地。顺着羽箭飞来的方向望去，却见到一名头戴白色纱笠的女子，正站在山脊上左右开弓。每有羽箭射出，便立时有狄兵应声而倒，端是飒爽无比：“竟不知她技艺如此娴熟！”“她是谁？”听到 《经年驯养》黎栀傅谨臣（高分女频）全章节在线阅读 云轩书阁 《经年驯养》黎栀傅谨臣（高分女频）全章节在线阅读主角：黎栀傅谨臣简介：傅谨臣养大黎栀，对她有求必应，黎栀以为那是爱。结婚两年才发现，她不过他豢养最好的一只宠物，可她拿他当全世界。关注微信公众号【看精灵】去回个书號【9328】，即可阅读【经年驯养】小说全文！第10章温柔的眼神，宠溺的动作，留恋的话近乎情人低语。是黎栀做梦都想要的一切……她口干舌燥，紧张难言。一颗心似被浸泡在温水里，酥麻舒适，无可抗拒 《太虚游》第六十二章。玄牝之威。 古楼臭道士 “好好好，流云这孩子深得我心，想必长爻知道是你的话定然会惊喜不已的。”白玄牝听得风流云应了下来，脸色慈和，伸手在他头顶轻轻抚了抚，如同抚在怀中九尾小狐一样自然，极其温柔。身后的四位青丘长老同时一怔，嘴角微动，似要开口劝阻。风流云只感到一道霞光瑞气如有实质一般顺着头顶百会大穴直沉在下丹田内，随后这股气息又逐渐凝聚，似乎给自己吃了什么东西一般。啊喔不好，这祖奶奶该不会是看中我这肉身，像人魔一样，要给她 小说《灰色年代》第三章、书中自有黄金屋/第二节（1）/作者:邵明 房作者_0970 ——第三章、第二节、科举与国考（1）科举制的简介：科举制度是古代读书人，参加选拔考试的制度，它是历代通过考试选拔官吏的一种手段，由于采用分科取士的办法，所以叫做科举。科举制从隋代开始实行，到清光绪三十一年（1905年）举行最后一科进士考试为止，经历了1300年，1905年9月2日，清政府废除科举制度。科举考前三名，分别为状元、榜眼、探花。这种划分和称谓是在元朝时确定下来的，明清时期沿袭了元朝的这种 第六章 零食风波 香香的懒洋洋 自从有了女儿，虎子和妞子矛盾越来越多。虎子觉得妞子太懒、太脏，女儿的尿布从来不清洗。妞子经常把给女儿用过的尿布堆在炕头一角，让它们自己慢慢干，干了在用；妞子的头发，一个月也不清洗一次，散发出阵阵难闻的气味；更别说冲凉、洗澡了。屋子里弥漫着各种怪味，虎子打心底里讨厌妞子的习惯，但他一点也不帮忙照顾孩子。虎子妈实在看不下去时候，就直接告诉妞子，孩子尿布要洗、个人卫生要注意。但妞子嘴上答应好好的，却迟迟 阅读《认知觉醒》读书笔记 就看看书 本周阅读了周岭的《认知觉醒开启自我改变的原动力》，启发较多，故做读书笔记一则，留待学习。全书共八章，讲述了大脑、潜意识、元认知、专注力、学习力、行动力、情绪力及成本最低的成长之道。具体描述了大脑、焦虑、耐心、模糊、感性、元认知、自控力、专注力、情绪专注、学习专注、匹配、深度、关联、体系、打卡、反馈、休息、清晰、傻瓜、行动、心智宽带、单一视角、游戏心态、早起、冥想、阅读、写作、运动等相关知识点。大脑 阅读《别说你懂思维导图》21～23章day27 Ling宝尔 合理期待——思维导图的应用效果很多人问我，思维导图真的有用么？我常常回答，如果你觉得是它“没用”，一定是因为你没“用”，有“用”才“有用”。实际上，学习思维导图和学习木工、驾驶等技能型学习一样，都要经历从了解到应用、从应用到受益的过程。在使用前，我们很多人的思维处于“无意识的低效”状态，经过一段时间的学习，虽然掌握了思维导图的基本使用方法，但可能并没有太好的效果，这个阶段可称为“有意识的低效”状态 iPhone怎么删除重复照片，可以尝试这几种方法 2401_85240355 iphoneios 在数字化时代，智能手机尤其是iPhone成为我们日常生活中不可或缺的一部分。随着我们不断使用iPhone拍照，重复照片的积累逐渐成为一个普遍问题。这不仅占用了大量的存储空间，也使得照片库变得杂乱无章。本文将介绍几种有效的iPhone怎么删除重复照片方法，并介绍如何利用CleanMyPhone来简化这一过程。iPhone怎么删除重复照片方法一：人工筛查人工筛查是最直接的方法，尽管它可能比较耗时。这种 道德经·第十七章 制心一处_无为而无不为 道德经·第十七章【作者】老子【朝代】春秋时期[原文]太上①，不知有之②；其次，亲而誉之；其次，畏之；其次，侮之。信不足焉，有不信焉。悠兮③，其贵言④。功成事遂，百姓皆谓“我自然”⑤。[译文]最好的统治者，人民并不知道他的存在；其次的统治者，人民亲近他并且称赞他；再次的统治者，人民畏惧他；更次的统治者，人民轻蔑他。统治者的诚信不足，人民才不相信他，最好的统治者是多么悠闲。他很少发号施令，事情办成功了 《跃迁》5/7-5组-橙子-张静12.16 静言物于 【便签5】【片段来源】《跃迁：成为高手的技术》第四章【R原文】一位客户咨询时抱怨：“这个我做不到。”我问他：“如果我请你现在出去裸奔，你能做到吗？”“这个我也做不到”“其实并不是做不到，而是不愿意做，或者不想承担裸奔的代价吧。你不是做不到，而是选择不去做。如果有一天你裸奔能救自己家人、孩子，也许就能做到了。”为什么要做这个区分？如果一个人经常和自己说“做不到”，他的能力范围会越来越小，会成为一个无 《花都狂少》章小贝小说免费阅读【花都狂少TXT】完整版 九月文楼 《花都狂少》章小贝小说免费阅读【花都狂少TXT】完整版主角：章小贝简介：开光师，是一种专门给新娘破瓜的职业。在我们那里，我被逼着做了一名开光师，专门做那些新郎官不敢做的事。一开始我很抵触，更怕早死。可是当我真的做了一次以后，就开始欲罢不能起来。小姐姐，别走，今晚，破瓜！关注微信公众号【风车文楼】去回个书号【267】，即可阅读【花都狂少】小说全文！“你怎么流鼻血了？”灵琴清惊讶的问。咳咳，我尴尬的咳 非对称加密算法原理与应用2——RSA私钥加密文件 私语茶馆 云部署与开发架构及产品灵感记录RSA2048私钥加密 作者：私语茶馆1.相关章节（1）非对称加密算法原理与应用1——秘钥的生成-CSDN博客第一章节讲述的是创建秘钥对，并将公钥和私钥导出为文件格式存储。本章节继续讲如何利用私钥加密内容，包括从密钥库或文件中读取私钥，并用RSA算法加密文件和String。2.私钥加密的概述本文主要基于第一章节的RSA2048bit的非对称加密算法讲述如何利用私钥加密文件。这种加密后的文件，只能由该私钥对应的公钥来解密。 《流年一曲成殇》连载47 方冷颜 第四十七章青葱岁月宋曲殇躺在床上，看着寝室的灯已经熄灭了，在上铺的好处大概就是可以看到窗外的景。军训基地在郊区，所以自然环境特别的好，是没有受到污染的地区，晚上真的可以看到满天繁星。一轮弯月挂在天空，月光透过窗户，照在窗外的柏树上，那挺拔的柏树像守卫银河系的战士。宋晟波的舞，就像电影的回放，让她大吃一惊。生活中似乎充满着惊喜，发现，就是一种惊喜。付流年的歌究竟是什么？她好想找个有网络的地方搜一番。 6.0 践行打卡 D47 星月格格 去努力改变1.运动步行13000+8分钟腿部拉伸2.阅读《墨菲定律》第三章第三节:霍桑效应～适度发泄，才能轻装上阵“霍桑效应”这一概念，源自于1924年一个1933年间以哈佛大学心理专家乔治·埃尔顿·梅奥教授为首进行的一系列工厂工人的谈话实验研究。“霍桑效应”告诉我们，在工作，生活中总会产生数不清的情绪反应，其中很大一部分是负面的负面情绪的积累会影响人的精神和心情，不仅仅会影响个人健康，还会破坏人 道德经第九章 套马地汉纸 道德经第9章原文：持而盈之，不如其已；揣而锐之，不可长保。金玉满堂，莫之能守；富贵而骄，自遗其咎。功遂身退，天之道。译文：要求过分圆满，不如适可而止。不停锤打一个（金属）物体想使它尖锐得不再尖锐，那肯定是难保持长久的。金银玉帛满堂，谁又能永远守得住呢？富而又骄傲，一定会给自己留下祸根。功成名就以后，就该收敛退隐，这才符合自然的规律。事物的发展。总是运动变化的，自然界也罢，人世间也罢，欲望也罢，任何 129/365 给宝贝的第23封信：《道德经》第四章：道冲 珍珠能量站 亲爱的宝贝：今天周六，我在外学习，听几位创业讲师讲授创业的相关知识，一天共4个老师讲解了7个小时。之前线上培训了40个小时，听了这么多，我还是觉得只是窥见皮毛。可见任何一个领域，都可以深入下去，有无穷无尽的细节值得研究。但是任何一件事，也可以用一句话总结。比如“道可道，非常道”创业，我理解的核心是：创立一个业务，通过调配资源，满足用户的需要。至于创立什么样的业务？调配哪些资源？满足用户什么需要？如 《道德经》第七十二章 民不畏威 AleoR 民不畏威，则大威至。无狭其所居，无厌其所生。夫唯不厌，是以不厌。是以圣人自知不自见，自爱不自责。故去彼取此。 交错时光的爱恋【第五章】 苏羽花 第二天上马车，幻儿教无瑕认识几个简单的字，一早上就在写字中度过。下午幻儿就与无忌共乘一匹马。因为在她的缠功之下，使得石无忌只好点头答应。列出一长串三年以来北方上门求亲的名单。幻儿发现，举凡世家公子多为纨挎子弟不成材者！商人子弟尤为流气。她可要小心注意了，石家财大业大，生下的后代可别也成了那般！教育绝对不可缺，她背靠在丈夫怀中念着：“高大平，擅长调戏下女、上妓院。方天恩，好赌成性、挥霍无度。就只有这 我心归处是敦煌：第2季《文化参考》174 陌上花开wen 174樊锦诗和彭金章：敦煌为什么是一门学科昨天文化参考谈到的《荒野上的大师：中国考古百年纪》，介绍了一群敢为人先的地质学家、古生物学家、人类学家、考古学家、建筑学家，它们是各自领域的拓荒者，也是走出书斋、走向旷野的第一代中国人，他们上下求索，前赴后继，终于成就了蔚为大观的浩瀚风气。这节课的《樊锦诗自述》讲述了她在北京大学的求学往事，与终身伴侣、武汉大学考古系创始人彭金章相濡以沫的爱情诗篇，以及50 html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游 html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击 《算法》四学习——1.1节 进阶的Farmer 算法算法笔记 前言买了一本算法4，每天看一点，对每个小结来个学习总结，输出驱动输入。本篇笔记针对第一章基础1.1基础编程模型1.1节总结了相关的语法、语言特性和书中将会用到的库。笔记自己在编码中容易遗漏的点&&优先级比||高在开发中习惯了加括号，所以没注意到这点，教材上也有但是忘记了二分查找中计算mid=left+(right-left)/2这样计算可以有效避免(left+right)/2溢出答疑java无穷大 《论语》日日谈 34期 wuhuaping9807 《论语》日日谈第34期本章为《论语》：公冶长篇第八章【原文】孟武伯问：“子路仁乎？”子曰：“不知也。”又问。子曰：“由也，千乘之国，可使治其赋也。不知其仁也。”“求也何如？”子曰：“求也，千室之邑，百乘之家，可使为之宰也①，不知其仁也。、赤也何如②？”子曰：“赤也，束带立于朝，可使与宾客言也。不知其仁也。”【注释】①宰：古代县、邑一级的行政长官。卿大夫的家臣也叫宰。②赤：公西赤，字子华，孔子的学生 Nginx负载均衡 510888780 nginx应用服务器 Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比 RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat 在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core FilenameUtils工具类 eksliang FilenameUtilscommon-io 转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。 xml文件解析SAX 不懂事的小屁孩 xml xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes; 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql 使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db = 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构 Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数 spring学习——控制反转与依赖注入 a-john spring        控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。   用spool+unixshell生成文本文件的方法 aijuans xshell 例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识 OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层） 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码 json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交 web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置 指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/ Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar 1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb 一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 - Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash 今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于 Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel 昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美 import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆， lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume [IT与投资]坚持独立自主的研究核心技术 comsci it        和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其 flashback transaction闪回事务查询 daizj oraclesql闪回事务    闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter 这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n 单例模式 shuizhaosi888 单例模式 单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv Spring Security（09）——Filter 234390216 Spring Security Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs   一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod java.lang.Math liuhaibo_ljf javaMathlang System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat linux下时间同步 nonobaba ntp 今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方 ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署 ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录 Java高效读取大文件 tomcat_oracle java 　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api 举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid>< 按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他 首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉 版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.