慕课网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章)) 第28章 汇编语言--- 异常处理 hummhumm 汇编算法开发语言程序设计高级语言异常处理汇编语言 在汇编语言中，异常处理是一个重要的概念，它涉及到处理器如何响应和处理程序运行时发生的非正常情况。异常可以是硬件错误（例如除零错误、非法指令）或者软件触发的中断（例如系统调用）。当发生异常时，处理器会暂停当前正在执行的程序，并转移到一个预先定义好的位置来处理这个异常。为了详细阐述第28章关于汇编语言中的异常处理，我们可以考虑一个简化的例子，展示异常处理的基本结构。请注意，实际的代码将取决于具体的处理 第八章 竟然是他 橥橥 十天之后，京城已在眼前。沐子莹总算松了口，天子脚下，相对安全。马车在城门外停下，杨嬷嬷掀了帘子往外望去，哀叹了一声。沐子莹拍拍身上的灰尘安慰她说：“嬷嬷，别怕，马上就要到府了，咱们可得把那车夫的事跟主母讲一讲，让主她这个当家的给我们作主才是。”嬷嬷却连连摆手，“不可啊小姐，咱们能平安回府就是幸事，车夫的事……就说他摔死在半路，其它的，莫要再提了吧。”“若真是车夫生事那算是万幸了，只怕容不得我们的， 《路远连着天》 第二 章 在 路 上 7 亚宁 大路镇的街道两旁尽是店铺，气派者是红门柱子雕花门窗，一般则多为布匹小百货店，还有几家门面朝外的车马大店，和一家颇有气势的典当铺。街上来往人还真不少，有挑担叫卖水果的，有背篓子路过的，还有衣冠楚楚，悠哉悠哉，甩着双手散步的有钱爷。耿六想着先寻姑妈家，还是先到兵营看那几个土匪呢？也只是一转念，他选择了后者，跟在几个闲人后，就来到了在镇外山头上曾看到过的那处飘着晴天白日旗的兵营门外。这里，围观的人乱哄哄 读张萌萌姐《从受欢迎到被需要》第一章读书总结 韩静_Han 我是@张萌-萌姐#从受欢迎到被需要#读书会10班的书记官韩静我们的领读者是@郝美-菱这是今天的读书总结通过第一章的阅读，对高情商和自我介绍有了新的认知。思考题复盘：“我是谁，我需要什么，我能提供什么”【我是谁】我叫韩静，在房地产行业工作5年，现担任行政经理一职，是一位个子小却很坚强很拼的女生。【我能提供什么】️用自己减重26斤的经验帮助需要的人健康减肥️能提供房地产购房等方面的知识和问题️早起陪伴 《家庭教育促进法》解读（14）落到实处方是真 愿我们顺利平安 点击上方蓝字，关注我们吧！坚持写作第七十七天今天继续为大家解读和普及我国首部家庭类法律——《家庭教育促进法》的第四章“社会协同”。这一章是上一章“国家支持”的落脚点。第三十八条居民委员会、村民委员会可以依托城乡社区公共服务设施，设立社区家长学校等家庭教育指导服务站点，配合家庭教育指导机构组织面向居民、村民的家庭教育知识宣传，为未成年人的父母或者其他监护人提供家庭教育指导服务。个人认为这一点非常必要 面试必考题：Android Binder 机制详解 大模型大数据攻城狮 androidbinder面试reactnativekotlindalvikretrofit 目录第一章：Binder的基本概念什么是Binder？多角度解读Binder第二章：Binder的工作机制Binder的整体流程服务注册：从零到有的第一步服务查询：找到目标的“地图”服务调用：请求与响应的旅程Binder驱动的幕后功劳为什么Binder这么快？第三章：Binder在系统架构中的角色Activity：界面背后的通信枢纽Binder的角色实例分析Service：后台任务的跨进程支柱Bi Selenium基础教程 lemontree1945 seleniumpython测试工具 1.Selenium环境安装1.1浏览器安装Chrome和ChromeDriver下载地址:https://googlechromelabs.github.io/chrome-for-testing/注意：驱动版本号要和浏览器版本号一致；安装后关闭浏览器自动更新:services.msc:打开系统服务找到和google相关的服务，全部修改为禁用1.2安装第三方库seleniumpipinstall 《UNIX网络编程卷1：套接字联网API》第8章：基本UDP套接字编程深度解析 《UNIX网络编程卷1：套接字联网API》第8章：基本UDP套接字编程深度解析（8000字图文实战）一、UDP协议核心特性与编程模型1.1UDP协议设计哲学UDP（UserDatagramProtocol）是面向无连接的传输层协议（图1），其核心特征包括：无连接通信：无需三次握手，直接发送数据报尽最大努力交付：不保证可靠性、不维护连接状态报文边界保留：接收方读取的数据与发送方写入完全一致低开销高效 《终身成长》之每日领读 恩佳一 【昵称】锡安之燕【书名】《终身成长》【阅读时长】30分钟【阅读内容】第四章《天赋与天才》【原文金句】1.人的思维模式比天赋更重要。2.在我们的文化中，无论怎么强调个人努力和自我提高的重要性，人们在心灵深处，依然崇尚天赋。【三个问题】：1、结合之前学过的知识，说一说固定型思维模式的人，在面对失败的时候会怎样做？固定型思维模式的人面对失败会自卑，不自信，会停滞不前或就此被打倒。2、身体上的天赋是显而易 《万历十五年》第二章《首辅申时行》 维C多 #海底两万里#【伙伴共读第172天】今晚读完黄仁宇的《万历十五年》第二章《首辅申时行》。张居正有志改变文官机构的作风，但他对文官集团中最孚众望的人物不加尊敬，得罪了相互之间有千丝万缕关系的文人，就是得罪了全国的读书人。而且他利用自己的权力让御史和监察官成为自己个人的特务警察，埋下了太多的恐惧和怨恨，以至死后不得善终。作为张居正的后任，申时行看到了张的错误，他明白身为首辅，只能和文官合作，按照他们的 读《教学勇气》有感 c养一盆铜钱草 帕尔默的《教学勇气》这本书买了已有几年，记得以前拿起读过，总感觉晦涩难懂，没看几页就被劝退。而如今再次拾起它，是因为眼睛里的血丝，不再适合对着手机和电脑，只能转战纸质书。第一章所提到的教学中自身认同和完整，不就是这个暑假写作课当中反复听到的从我出发吗？对自己进行剖析，找到自己的长处与短处，然后与教学进行结合，只有从“我”出发，才能有底气。书中说：我们更多地了解了自我独特性，我们就能学到展示而非掩饰 读书|日常听课最需要什么 百草丰茂 今天继续阅读赵国忠老师主编的《听课最需要什么》第一章《日常听课最需要什么》的第2～4个建议。老师们有很多机会听课，学校教研、外出学习、公开课比武，有些老师听了很多课，却毫无收获；有的老师却从听课开始，逐步走上了专业成长的道路。我想肯定是因为有些老师还没有了解听课的需要，今天大家就和我一起来聆听一下优秀教师给我们的听课建议。一、听课要有备而来。在现实中，常常看见老师们特别是年轻的老师们，带着一支笔， 2025最新系统 Git 教程（七）（完结） 嘿rasa 2025最新教程系列git 第4章分布式Git4.1分布式Git-分布式工作流程你现在拥有了一个远程Git版本库，能为所有开发者共享代码提供服务，在一个本地工作流程下，你也已经熟悉了基本Git命令。你现在可以学习如何利用Git提供的一些分布式工作流程了。这一章中，你将会学习如何作为贡献者或整合者，在一个分布式协作的环境中使用Git。你会学习为一个项目成功地贡献代码，并接触一些最佳实践方式，让你和项目的维护者能轻松地完成这个过 第009章 埋尸地点 脚本儿 疯了！孟燕疯了！两天时间，牧原用同一句话——“能单独淡淡吗？”把她赶出来两次，这分明就是忽视，甚至是藐视！如果上一次是因为牧原有隐情需要单独和魏崇宇进行协商的话，那么这次绝对就是蔑视，那姿态就像是一个乳臭未干的黄毛小子站在她家门口，叉着腰、踮着脚，指着她这个成年大姐姐的脑门说：“小丫头，你还不够格，我要和你家大人亲自谈！”张鼎远远地躲开孟燕，也是一脸的郁闷。第一次的单独谈话之后，牧原用事实证明了自 每日复盘30 珞语姝 1.今天想做的事做了吗？①今晚0点到明天晚上0点不上大号微信。✘因为要向医生报告老妈的血糖情况，不得不登录大号微信。哎~②多看远处缓解眼疲劳，这两天用眼过度眼镜很干。✔2.运动了吗？快走三十多分钟。3.阅读了吗？《身体由我》一章多。了解女性身体奥秘。4.今天比昨天进步的地方是什么？想通了，自己的烦恼说到底还是人际关系。由他去，以后不知道会发生什么事呢，到时候又来想念现在自由自在的生活不是很亏吗？倒 OnJava8-学习分享（附资源） 李超同学 学习书籍onjava8 本书是布鲁斯•埃克尔时隔15年，继ThinkinginJava之后又一力作，基于Java的3个长期支持版（Java8、11、17），讲解Java核心语法，并对Java的核心变化进行详述。全书内容通俗易懂，配合示例讲解逐步深入，并结合实际开发需要，从语言底层设计出发，有效帮读者规避一些常见的开发陷阱。主体部分共22章，内容包含对象、操作符、控制流、初始化和清理、复用、多态、接口、内部类、集合、函数式 零基础学习性能测试第八章：高并发-redis缓存架构介绍 试着 性能测试缓存学习redis性能测试零基础 目录一、Redis在高并发中的核心价值二、Redis核心架构模式▶1.缓存穿透防御架构▶2.热点数据多级缓存三、Redis集群高可用方案▶1.RedisCluster分片架构▶2.读写分离方案四、Redis性能压测实战▶1.基准测试工具▶2.关键性能指标五、典型瓶颈分析与优化案例1：缓存雪崩案例2：热Key阻塞六、电商秒杀实战架构七、必须掌握的进阶技巧八、学习路径与工具推荐以下是为零基础学习者设计 AI心理学四层架构揭秘：语言模型为何“说谎“？ TGITCIC AI-大模型的落地之道语言模型人工智能自然语言处理大模型国产大模型大模型落地 第一章神经层：代码编织的"脑电图"1.1注意力权重的量子跃迁当Claude3.5Haiku处理"达拉斯所在州的首府"这类问题时，其注意力权重图谱呈现出量子跃迁特征。研究团队通过归因图技术捕捉到：在输入"达拉斯"的瞬间，模型内部Texas节点的激活强度达到87.6%，首府概念节点同步飙升至79.3%。这种非线性激活模式与人类大脑的默认模式网络惊人相似。模型层级激活时序决策路径可解释性神经层300ms 4D卓越团队-习书C3 林晔0302 第三章4D系统-----神奇坐标的诞生一诞生背景：1物理学背景简化的二乘二矩阵，坐标系；2荣格1905年发表的人的性格发展理论；词汇参考MBTI指标坐标轴X：作出决策是用情感还是逻辑坐标轴Y：获取信息是靠直觉还是感觉。五感：视觉听觉嗅觉味觉触觉占70%二4D系统分析领导力领导者特征四维度：情感与直觉----绿色培养型情感与感觉---黄色包容型逻辑与直觉---蓝色展望型逻辑与感觉--橙色指导型三4D 《桃 妖（四）》之《崇拜》 桃妖00 图片发自App桃妖（四）桃妖第一章女人四十四十岁的女人该怎样活？妖儿就是妖儿，要遵循妖性，年龄，不是问题！（四）崇拜周晓鸥从医院出来后直接去学校接儿子放学，母子俩在外面简单吃点东西，匆匆忙忙去上钢琴课。等儿子的时候晓鸥随手翻了翻朋友圈。苏瑶前一天发布了照片，苏瑶穿着橙色的裤子映衬在蓝天碧水的泸沽湖，侧着脸自拍。晓鸥不禁想起白天与苏瑶的通话。以前做同事的时候，晓鸥与苏瑶几乎天天泡在一起。那会两人都没 极品小农场 名窑 龘龑文轩 第850章钻石岛pandora上“真是很难相信能再次见到康比葡萄牙之星的钻石，真是太美了。”朱莉情绪有些激动，要知道葡萄牙之星这样的纯净的巨钻可以说稀世珍宝。“葡萄牙之星？”紫衣女孩和白衣女孩，惊讶有点失礼，其他人或许不太懂，葡萄牙之星是什么，可和朱莉关系不错的女孩都知道，这是哈利温斯顿曾经拥有的两大稀世珍钻之一，葡萄牙钻石在未经切割前是187克拉，切割后才是如今我们看到的127.01克拉。曾经被 第六十七章 受刑 一指弹江南 黑影从床边直起了身子，我朝他一瞧，个头不高，还是个驼子，心里顿时一跳，难道真是疤脸？我想动身子，却发现身子居然已经给捆的结结实实，感觉全身上下都给捆上了。黑影这时候一转身，从他那里传来“吧嗒”一声，房间里顿时有了光亮，借着光亮我朝那黑影一看，脑袋当即“嗡”了一声，完了，彻底完了，躲躲藏藏提心吊胆这么些天，还是没能躲过去，心一下子沉到了谷底，不知道接下来该咋办了。房间里这条黑影，正是疤脸，这时候他一 2022-03-31 61bb19abe760 《非暴力沟通》第七章用全身心倾听学习了非暴力沟通的四个要素来表达自己，接下来学习如何倾听他人，了解他们的观察、感受、需要和请求，并给予反馈。为了倾听他人，我们需要先放下已有的想法和判断，全神贯注地体会对方。然而用全身心倾听他人并不容易。他人遭遇痛苦时，我们常常急于提建议、安慰或表达我们的态度和感受。可是，倾听意味着全身全意的体会他人的信息——这为他人充分表达痛苦创造了条件。有一句佛教格言恰如其分的 从零到大厂：硬件程序员的硬核修炼手册——2025版面试笔试全攻略 small_wh1te_coder c面试嵌入式面试职场和发展c算法嵌入式硬件汇编linux 从零到大厂：嵌入式程序员的硬核修炼手册——2025版面试笔试全攻略第一章：C语言的内功心法——从“会用”到“精通”的蜕变引子：C语言，嵌入式江湖的“独孤九剑”兄弟，你是不是觉得C语言都学烂了？指针、数组、结构体，这些东西张口就来。但为啥一到大厂面试，或者遇到稍微复杂点的嵌入式项目，就感觉力不从心，甚至有点懵圈？原因很简单：你可能只是“会用”C语言，离“精通”C语言，特别是“精通”嵌入式领域所需的C 斗破苍穹｜第四章：休妻 上 分享生活3 欢迎大家收听长篇玄幻小说《斗破苍穹》。第四章休息。那么，炼丹最重要的三个条件，物质，火，灵魂，感知。材料自然是各种天才和宝物。毕竟药剂师不是神。没有顶级的材料，她们也是聪明的女人，没有米饭就不能做饭，所以好的材料很重要。火种。也就是炼药所需的火焰。用普通的火来炼制丹药是不可能的。而是必须使用由火属性斗气催化的斗气火焰。当然，这个世界充满了不同的火焰，一些强大的炼金术士也将取代他们的位置。用这些奇火 《婚后，诱她上瘾》时也霍铭川（完结篇）全文免费阅读【笔趣阁】 海边书楼 《婚后，诱她上瘾》时也霍铭川（完结篇）全文免费阅读【笔趣阁】主角：时也霍铭川简介：职场小透明，年会上喝醉，敲开了总裁的房门。“霍总，听说能睡到你的女人，上辈子是拯救了银河系？关注微信公众号【海边书楼】去回个书号【10】，即可阅读【婚后，诱她上瘾】小说全文！第1章我把上司给睡了，就在年会结束的那天晚上。醒来后，看着上司裸露的八块腹肌，我吞了吞口水：“我……要失业了吗？”上司冷漠的眼神看过来：“结婚， 《钢铁是怎样炼成的》的第四章 几何许或心岛未晴 今天我给大家讲一下《钢铁是怎样炼成的》的第四章。这一章的主要内容是冬妮娅给塔尼亚写信，倾诉自己的心事。城里唯一的剧院举行了盛大的晚会，佩特留拉派士绅界的很多人都出席了。保尔被押去发电。帕夫柳克趁舞会热闹时闯进来，又因乐曲的问题和戈卢勃打架。场内十分混乱。城里有“烧杀掳掠犹太人”的传闻不胫而走，引起很多人的恐慌，谢廖沙等人商量着藏身的地方和方法。戈卢勃和帕夫柳克双方发生冲突后第三天，虐杀犹太人的暴行 Centos7防火墙 会飞的灰大狼 Centos7linux Centos7防火墙前言：本来想在系统那里去说防火墙但防火墙要说的要很多使用单独做一章文章去讲防火墙~~‍在CentOS7中，防火墙是保障系统网络安全的核心组件，默认采用firewalld作为防火墙管理工具（替代了CentOS6的iptables服务），底层仍基于iptables内核模块实现规则控制。‍iptablesiptables命令的完整格式较为复杂，其核心结构由命令选项、表（table）、 唐诗打卡（146）北漂客一锅端上的凄凉 海飞廉 章台夜思韦庄清瑟怨遥夜，绕弦风雨哀。孤灯闻楚角，残月下章台。芳草已云暮，故人殊未来。乡书不可寄，秋雁又南回。【译】幽怨的琴声在长夜中回荡，弦音悲切，似有凄风苦雨缭绕。孤灯下，又听见楚角声哀，清冷的残月徐徐沉下章台。芳草渐渐枯萎，已到生命尽头，亲人故友，从未来此地。鸿雁已往南飞，家书不能寄回。【背景】这首五言律诗是怀人思乡之作，大概是长安科举时给越中家属的。韦庄（约836年─910年），字端己，杜陵 D020+3组鱼来与鱼往+《吉田医生哈佛求学记》读书笔记 筱麦 今天读第四章时，看到一句话：只要不放弃，就能发现道路，即便是羊肠小道。这让我想起那年去集安玩的经历，那年夏天我们三口人自驾去集安玩，玩的几天特别开心，夏季多雨，返程的时候，就赶上了大雨，雨势迅猛，任凭雨刷器摆的再快，也看不清前方的路，而且有一段路是盘山路，特别陡特别窄，在这样的路况下，女儿有些害怕，我心里也很紧张，老公劝我们说没事的，虽然他这么说，但我还是很紧张，坐在副驾驶专心替他看路。开过了盘山 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.