em

背景 虚拟机：VMware 10 操作系统：Linux 64位 数据库：Oracle 11g R2 本地机器：Win 7 64位 虚拟机上网方式选择Host-only,虚机网卡的IP设置为192.168.0.18,本地机器VMware Network Adapter VMnet1 的IP设为192.168.0.11,虚机与主机能互ping，主机telnet 192.168.0.18 1158也能通过，虚机与主机的防火墙 都已关闭，本地hosts文件已加入了虚拟机的域名与IP地址的映射。 在虚机启动企业管理器后，在虚拟机上可以访问企业管理器控制台，但是本地浏览器无法访问。 解决办法 在本地浏览器输入的地址为https://oracle.example.com:5500/em/console/aboutApplication 使用的火狐浏览器，显示的错误原因为：ssl_error_weak_server_cert_key，IE浏览器基本无提示 经查阅资料，关闭EM的SSL，就可以访问。 [oracle @oracle ~]$ emctl unsecure dbconsole Oracle Enterprise Manager 11g Database Control Release 11.2.0.1.0 Copyright (c) 1996, 2009 Oracle

px 总所周知的是px,俗称像素，固定大小，就不废话了 em em单位的名称为相对长度单位，它是用来设置文本的字体尺寸的，它是相对于当前对象内文本的字体尺寸；一般浏览器默认16px，就是说如果不设置，那么1em=16px; 且 em 是相对于父级元素的单位，会随父级元素的属性（ font-size 或其它属性）变化而变化， 比如如果父元素的font-size为12px,那么子元素的的font-size的1em就是12px,2em就是24px.如下 //父元素 div{ font-size: 12px; } //子元素 p { font-size: 2em;//当前font-size:24px height: 2em;//height:48px background: orangered; width: 2em;//width:48px margin: 1em;//margin: 24px; } 为什么宽高和margin不对呢，其实子元素的除了font-size继承父元素的，其他的需要用到em的都是根据自身来计算的 注意：如果继承的属性值通过计算小于12px,那么获得的值就是12px。 rem 与em不同的是，rem不是根据父元素，而是根据根元素，如下 html{ font-size: 14px; } span{ font-size: 2rem;//font-size: 28px;

固定 Fixed 使用 px 和 pt 这样的绝对单位进行固定布局。在无论什么设备上保持固定的尺寸，在不适合的分辨率下可能导致大面积空白或横向滚动条。最经典，也是被证明极其不友好、维护困难的方法。 流动 Fluid 使用 % 百分比进行相对布局。可以根据可视区域 (viewport) 和父元素的实时尺寸进行调整，尽可能的适应各种分辨率。往往配合 max-width 等属性控制尺寸流动范围以免过大或者过小影响阅读。某些情况下可能导致错误的伸缩或者布局被破坏。 弹性 Elastic 使用 em 或 rem 单位进行相对布局。避免了根据 px 布局在高分辨率下几乎无法辨认的缺点，又相对 % 百分比更加灵活，同时可以支持浏览器的字体大小调整和缩放等的正常显示。需要一段时间适应而且不易从其他布局转换过来，但几乎是目前最好的布局方式。 伸缩 Flexbox 使用 CSS3 Flex 系列属性进行相对布局。对于富媒体和复杂排版的支持非常强大，但是还未普及并且兼容性较差。 响应式 Responsive 使用 @media 媒体查询 给不同尺寸和介质的设备切换不同的样式。在优秀的响应范围设计下可以给适配范围内的设备最好的体验，但是在同一个设备下实际还是固定的布局，并且因为浏览器的支持原因对介质的检测还不实用。 自适应 Adaptive 通常使用 @media 媒体查询 和网格系统 (Grid

基于响应式开发网站，除了页面的布局是我们设计的重点，网站中显示的图片和文字也是我们不能轻视的内容。 1 响应式图片显示内容设计 真正具有响应性的Web设计是完全调整网站以满足访问者的设备。我们需要在响应式布局的页面上传送最佳的、前后联系的图片尺寸。如果是背景图片，我们可以准备多张不同尺寸的图片，然后在各自的媒体查询样式中使用对应的图片背景。再结合min-width、min-height、max-width、max-height等样式属性来限制窗口最小或最大宽度和高度，模拟响应式及流式布局，从而保证图片不失真。 如果是在HTML中加载图片，使图片适应不同分辨率的屏幕，则可以通过设置图片样式的百分比来实现。但是，它不仅包括缩放，同样重要的是减少传送给观众的图片。比如说用户是在移动设备中浏览网站，由于网速慢、流量少等因素，访客可能会放弃访问。为了减少这些元素给网站带来的影响，我们可以用更合适的图片替换访问者使用的设备中的数据。在开发时可以通过一些JavaScript插件来解决此类问题。 2 响应式文字显示内容设计 响应式的设计应该秉承“内容优先，移动优先”的原则。我们知道，网页中的内容主要是由文字、图片等元素组成的，那么文字该如何响应呢？排版是响应式Web设计最重要的内容之一，如果想让内容在所有尺寸的屏幕上友好地显示，那就绝对有必要为移动设备优化字体

  我个人理解，Markdown就是一个富文本编辑器语言，类似于sass对于css的功能，Markdown也可以叫做HTML预处理器，只不过它是一门轻量级的标记语言，可以更简单的实现HTML文档。本文将详细介绍Markdown的内容 概述   Markdown的目标是实现易读易写，一份使用Markdown格式撰写的文件应该可以直接以纯文本发布   Markdown的语法全由一些符号所组成，它的语法种类很少，只对应HTML标记的一小部分。由于Markdown实际上就是简化版的HTML，所以直接写HTML也是可以的 段落   不加任何符号的一段字符，就是一个段落。多个段落之间用空行分隔   [注意]在markdown中，多个空行会合并为一个空行显示 p1 p2 p3   输出HTML为 <p>p1</p> <p>p2</p> <p>p3</p> 换行   如果段落之间没有空行，则解析为HTML标签 <br> p1 p2 p3   输出HTML为 <p>p1<br> p2<br> p3</p> 标题   #、##、###、####、#####、######分别对应 <h1> 、 <h2> 、 <h3> 、 <h4> 、 <h5> 、 <h6> 。其实我个人感觉，不如直接使用 <h> 标签方便，特别是到标题3以后 #h1 ##h2 ###h3 ####h4 #####h5 ######h6

今天安装Oracle，结果安装成功后提示“Enterpries Manager”配置失败，安装完成后无法使用EM管理数据库，查了好多资料，最后才发现是enterprise manager database control组件的跟CA证书授权过期造成的。最后也成功的解决了该问题，现在将查找到的资料以及解决方法整理出来以备下次使用。 通过查找资料，发现Oracle 10.2.0.4 和10.2.0.5 两个版本的CA证书授权已经过期，所以无法使用Enterpries Manager，针对该问题，Oracle官方提发布了补丁8350262来解决此问题， 下载8350262补丁后，可以使用opatch将补丁应用到Oracle。 具体步骤如下： 1、设置 ORACLE_HOME 和 ORACLE_SID 两个系统环境变量，将 %ORACLE_HOME%\opatch 加入到 PATH 环境变量 2、将 patch 8350262解压，打开cmd窗口，进入解压缩的目录，执行 cmd>opatch apply 　 完成后检查%ORACLE_HOME%\cfgtoollogs\opatch\ 目录下生成的日志文件，确认安装patch是否成功 3、重新配置 em dbconsole 　　在cmd窗口下输入以下命令 cmd>emctl secure dbconsole -reset 　

上次给大家演示了 抓取IE内核浏览器的网页 ，这次和大家一起写一个抓取firefox页面文本的例子。Firefox有自身的一套结构良好的插件机制，但要深入开发Firefox插件的话要了解javascript,XUL,XPCOM以及一些c++的基本常识，本贴算是给想开发Firefox插件的朋友入门。 我们先来了解什么是XPCOM,并开发一个 以下为引用（ https://developer.mozilla.org/cn/XPCOM ） XPCOM（Cross Platform Component Object Model）是一种跨平台组件模型，是Mozilla技术的核心。其原理与微软的COM技术类似，但与COM不同的是，XPCOM是一种跨平台技术，并支持多种语言绑定（Language Bindings）。也就是说，我们可以使用C++、JAVA、JavaScript、Python、Ruby、Perl等语言来编写组件。而XPCOM的接口（Interface）是用一种叫做XPIDL的IDL（Interface Description Language）来定义的。 XPCOM 自身提供了一套核心的组件和类，用于诸如内存管理，线程，基本数据结构（strings, arrays, variants）等 。但是大部分的XPCOM组件并不是这个核心库提供的，而是由很多第三方的平台

我在 cctbook 文类下, 最初为了把章节中的中文都改为阿拉伯数字, 如把 “第一章” 改为 “第 1 章”, 我在导言区加上了 \usepackage[center]{titlesec} \titleformat{\chapter}{\centering\sanhao\bfseries\heiti}{第~\,\thechapter\,~章}{1em}{} 发现虽然所有章节都按我的要求修改了, 但是参考文献标题前面也出现了第几章, 如下图所示 为了解决这个问题, 我在参考文献代码前再用一次**\titleformat**, 如下所示 \titleformat{\chapter}{\centering\sanhao\bfseries\heiti}{}{0em}{} \bibliographystyle{plain} \bibliography{myref} 即得 去掉了前面的第 7 章. 注： \titleformat{\chapter}{\centering\sanhao\bfseries\heiti}{}{0em}{} 中的 0 em 不能改成其他的, 不然 “参考文献” 这四个字就不居中了, 比如改成 7 em 后可以发现 “参考文献” 这四个字明显偏右了, 如下图 来源： CSDN 作者： xo水口之星 链接： https://blog.csdn.net

文章目录 CSS 概念 规则 形式 外部样式表 内部样式表 内联样式 多重样式 概念 层叠规则 选择 tag #id_val .class_val [property] tag tag #id_val tag .class_val tag tag.class_val 修饰 概念 content 长度单位 文本 字体 background padding border margin 补充 CSS常用颜色名 参考 CSS 概念 CSS (Cascading Style Sheets 层叠样式表) ：用于定义 HTML 元素显示的样式。 规则 一条CSS规则的基本组成： 选择器可以是tag、id、class、property等。 选择器可分组，即有多个，用“逗号”隔开。 值如果是多个单词要用“双引号”括起来。 多个声明之间用“分号”隔开。 子元素会继承父元素的规则，单独对子元素创建规则可摆脱父元素的规则。 形式 外部样式表 mystyle.css body { background-color : yellow ; } p { margin-left : 20px ; /* 左边外边框宽度设置为20像素 */ background-color : blue ; /* 背景色设置为蓝色 */ } hr { color : sienna ; } mydoc1.html <!DOCTYPE