引文 自从学了前端的基础,自认为是没什么css是能难倒我的,可是事实是,世界上没有绝对简单的事情,实际上还有好多的东西等待我们去发掘. 详解 1.有些浏览器不完全支持css3,现在可以用 modernizr 工具去检测浏览器是否支持,以及支持哪些项. 2.除了内联元素和块级元素,还有几个标签的默认display并不是block/inline,下面举几个栗子: table { display:table } input { display:inline-block } textarea { dis…

…

改变CSS世界纵横规则的writing-mode属性 这篇文章发布于 2016年04月27日,星期三,23:12,归类于 css相关. 阅读 8292 次, 今日 71 次 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=5352 一.冉冉升起的writing-mode writing-mode这个CSS属性,我们是不是很少见到,很少用到!我们往往称不常见的东西为“生僻…

为什么我认为SAP是世界上最好用最牛逼的ERP系统,没有之一?玩过QAD.Tiptop.用友等产品,深深觉得SAP是贵的有道理! 一套好的ERP系统,不仅能够最大程度承接适配企业的管理和业务流程,在技术上面也能够做到快速部署和挑战.而对用户而言,好用且逻辑性强,体验好.便利可掌控才是能够抓住用户的需求点.很可惜的是,纵观世界上这么多的ERP系统,真正能够为用户考虑而且有自己的核心竞争力的并不多. 我认为一套好的ERP系统,不仅仅是一套软件,更是一个管理思想.选型ERP,要从以下几方面考虑: 一.…

<!-- <CSS世界>张鑫旭著 --> 字母x——CSS世界中隐匿的举足轻重的角色 在各种内联相关模型中,凡是涉及垂直方向的排版或者对齐的,都离不开最基本的基线(baseline).例如,line-height 行高的定义就是两基线的间距,vertical-align 的默认值就是基线,其他中线顶线一类的定义也离不开基线. 基线的定义:字母 x 的下边缘(线)就是我们的基线. x-height 指的是小写字母 x 的高度,术语描述就是基线和等分线(mean line)(也称作中线…

<!-- <CSS世界>张鑫旭著 --> content内容生成技术 1. content 辅助元素生成 清除浮动: .clear:after { content: ''; display: table; /* 也可以是‘block’ */ clear: both; } 辅助实现“两端对齐”以及“垂直居中/上边缘/下边缘对齐”:(示例地址 http://demo.cssworld.cn/4/1-7.php) 2. content 字符内容生成 比较常用的是配合@font-face规…

<!-- <CSS世界> 张鑫旭著 --> 替换元素 根据是否具有可替换内容,我们可以把元素分为替换元素和非替换元素. <img>.<object>.<video>.<iframe>或表单元素<textarea>和<input>都是典型的替换元素. 替换元素除了内容可替换这一特性之外,还有以下一些特性: (1)内容的外观不受页面上的CSS的影响.用专业的话讲就是样式表现在CSS作用域之外.例如:直接 input…

<!-- <CSS世界> 张鑫旭著 --> 相对简单而单纯的height:auto height:auto比width:auto简单的多,原因在于: CSS默认流是水平方向的,宽度是稀缺的,高度是无限的.因此,宽度的分配规则比较复杂,高度就显得随意的多. 此外,height:auto也有外部尺寸特性.其可能只存在于绝对定位模型中,也就是“格式化高度”??. 关于height:100% 对于width属性,就算父元素width为auto,其百分比值也是支持的.但是,对于height属…

<!-- <CSS世界> 张鑫旭著  --> width:auto width:auto至少包含了以下4种不同的宽度表现: 充分可利用空间.比方说,<div>.<p>这些元素的宽度默认是100%于父级容器的. 收缩与包裹.典型代表是浮动.绝对定位.inline-block元素或table元素,英文成为shrink-to-fit,直译为“收缩到合适”,更形象的叫法是“包裹性” 收缩到最小.这个最容易出现在table-layout为auto的表格中 超出容器限制…

软件公司的两种管理方式 一个简单的回答应该是——“因为在我们的社会里,我们总是会认为薪水和会和职位的层次绑在一起”.但是,这个答案同时也折射出一个事实——我们的薪资是基于我们的所理解的价值,但这并没有解释 为什么PM(Project Manager)和BA(Business Analysts)在很多软件公司里在组织的上层? 为什么软件项目团队总是在最底层? 这两个问题真是非常地值得我们去问,去思考. 总体来说,这个世界上存在两种不同的软件公司的组织结构.我把他们叫做 Widget Factory…

<CSS世界>,张鑫旭著,人民邮电出版社,2017年12月第一版. 1.P9二维码链接文章的demo值得一看,可以实现有关“某些区域颜色始终保持一致”的效果. P9二维码所链接文章的一个demo里,图标用i标签+背景图的形式实现.我在模仿知乎.简书网站的时候发现他们的图标实现和你的不一样.比如回到顶部的按键,知乎是用button+svg,简书则是i标签+content属性生成图片.我自己用的是a+img实现. 我想知道这些实现有什么区别么?从语义上考量我感觉知乎的更好,因为这个功能就是按键.…

文/Ohans Emmanuel 译/网易云信 想要阅读更多技术干货文章,欢迎关注网易云信博客. 了解网易云信,来自网易核心架构的通信与视频云服务. 我不知道如何成为世界上最好的程序员.但是,我们可以向历史上最伟大的程序员学习.该系列文章将会向大家分享C语言的创造者.Unix操作系统的关键开发者Dennis Ritchie..Linux内核的发明人Linus Torvalds的经历与建议. UNIX基本上是一个简单的操作系统,但你必须是一个了解“简单”的天才--Dennis Ritchie 获得…

CSS世界中那些说起来很冷的知识 最近读了张鑫旭的新书<CSS世界>收获了不少对CSS的深度理解 也正值个人在公司内部进行部分章节的内容分享,于是顺带着直接把我即将分享的内容先给大家过过目了,就当省去了大家买了书后,无暇顾及观看的尴尬吧! 本书的最后三章分别是 元素的显示与隐藏 用户界面样式 流向的改变 下面我就直接进入主题,开始对每一章节进行一个非系统的分享了 元素的显示与隐藏 使用CSS让元素不可见的方法很多,剪裁.定位到屏幕外.透明度变化等都是可以的.虽然它们都是肉眼看不见,但背后却在多…

在 CSS 中,我们经常会与各种方向方位打交道. 譬如 margin.padding,它们就会有 margin-left.margin-right 或者是 padding-left.padding-right.还有定位中的 left.top.right.bottom,它们表示了上下左右不同的方位. 还有一种情况是从x方位到x方位,譬如 writing-mode.direction,它代表了一种顺序,表示块流动方向,或者文字书写的方向等. 本文将捋一捋 CSS 世界中的方位与顺序,探寻其中一些有意…

一:Git是什么? Git是目前世界上最先进的分布式版本控制系统. 二:SVN与Git的最主要的区别? SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器.集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大,速度够快,如果在互联网下,如果网速慢的话,就纳闷了. Git是分布式版本控制系统,那么它就没有中央服务器的,每个人的电脑就是一个完整的版本库…

Smartdraw 更多图片(5张) SmartDraw是世界上最流行的商业绘图软件.2006 年获美国政府司法部 (U.S. Department of Justice) 专用软件,2007获美国政府商务部 (US Department of Commence)选用. 分享百科名片: 简介 SmartDraw 是专业的图表制作软件.可以用它轻松制作组织机构图.流程图.地图.房间布局图.数学公式.统计表.化学分析图表.解剖图表.界面原型等等.随带的图库里包含数百个示例.数千个符号和外形供你直接套…

目录 Python5大擅长领域 WEB开发 网络编程 科学运算 GUI图形开发 运维自动化 Python在世界上的知名应用 国外 谷歌 CIA NASA YouTube Dropbox Instagram Facebook Redhat 国内 豆瓣 知乎 春雨医生 除了上面的 结语 今天开始将会发布系列型的Python学习, 今天讲述的框架相对来说比较多,只能一一例举出来, 无法进行准确的 Python5大擅长领域 很多学Python的小伙伴, 转行, 或者兴趣还有就是单纯想了解的小伙伴,学Py…

<!--  <CSS世界>张鑫旭著 --> 功勋卓越的 border 属性 border-width 不支持百分比值 border-style 类型 border-style 默认值是none:多出现在重置边框样式的时候,渲染性能最高的写法是: div { border: 1px solid; border-bottom: 0 none; } border-style: dashed 虚线边框.虚线颜色区的宽高比以及颜色区和透明区的宽度比例在不同浏览器下是有差异的.例如,在 Chr…

<!-- <CSS世界>张鑫旭著 --> margin 无效情形解析 (1)display 计算值 inline 的非替换元素的垂直 margin 是无效的.对于内联替换元素,垂直 margin 有效,并且没有 margin 合并的问题,所以图片永远不会发生 margin 合并. (2)表格中的<tr>和<td>元素或者设置 display 计算值是 table-cell 或 table-row 的元素 margin 都是无效的. (3) margin 合并…

<!-- <CSS世界>张鑫旭著 --> 正确看待 CSS 世界里的 margin 合并 什么是 margin 合并 块元素的上外边距(margin-top)与下外边距(margin-bottom)有时会合并成单个外边距,这样的现象称为“margin合并”. (1)块级元素,但不包括浮动元素和绝对定位元素,尽管浮动和绝对定位可以让元素块状化 (2)只发生在垂直方向,准确来说,是只发生在和当前文档流方向的相垂直的方向上 margin 合并的3种场景 (1)相邻兄弟元素margin合并…

激进的margin属性 margin与元素尺寸以及相关布局 元素尺寸 border box尺寸,对应jQuery中的$().outerWidth()和$().outerHeight()方法,在原生DOM API中写作offsetWidth和offsetHeight,所以有时候也称为“元素偏移尺寸” 元素内部尺寸 padding box尺寸,对应jQuery中的$().innerWidth()和$().innerHeight()方法,在原生DOM API中写作clientWidth和clientH…

<!-- <CSS世界>张鑫旭著 --> 温和的padding属性 因为默认的box-sizing是content-box,所以使用padding会增加元素的尺寸. 尺寸表现对具有块状特性的元素和内联元素而言有些许不同. 很多人会觉得内联元素的padding只会影响水平方向,不会影响垂直方向.这种认知是不准确的,内联元素的padding在垂直方向同样会影响布局,影响视觉表现.只是因为内联元素没有可视宽度和可视高度的说法,视觉上没有改变和上一行下一行内容的间距,因为给我们的感觉是垂直…

<!-- <CSS世界> 张鑫旭著 --> min-width/max-width和min-height/max-height min-width/max-width出现的场景一定是自适应布局或者流体布局中: max-width和max-height的初始值是none,min-width和min-height的初始值是auto. 如果max-width的初始值是auto,自然会使用和width一样的渲染解析规则,此时max-width的计算值应该是父元素的宽度值,也就是子元素的宽度…

<!-- <CSS世界>张鑫旭著 --> CSS流体布局下的宽度分离原则 所谓“宽度分离原则”,就是CSS中的width属性不与影响宽度的padding/border(有时候包括margin)属性共存,也就是不能出现以下的组合: .box { width:100px; border: 1px solid; } 或者 .box{ width:100px; padding: 20px; } 而是利用宽度分离原则,width独立占用一层标签,而padding.border.margin利…

<!-- <CSS世界> 张鑫旭著  --> 块级元素:水平流上只能单独显示一个元素 <li>元素默认的display值是list-item,是块级元素 块级盒子(block-level box):负责结构:内联盒子(inline box):负责内容: list-item元素会出现项目符号是因为生成了一个附加的盒子,学名叫“标记盒子(marker box)”,专门用来放远点.数字这些项目符号.IE浏览器下伪元素不支持list-item或许就是无法创建这个“标记盒子”导致…

<!-- <CSS世界> 张鑫旭 著 --> CSS世界构建的基石是HTML,而HTML最具代表的两个基石<div>和<span>正好是CSS世界中块级元素和内联级元素的代表. CSS世界的专业术语 属性  值  关键字  变量  长度单位  功能符  属性值  声明  声明块   规则或规则集  选择器  关系选择器  @规则 CSS世界的“未定义行为” web应用场景千变万化,web标准也不可能面面俱到,也会存在规范描述外的场景,用计算机领域的专业术语描…

这是一份世界上最好的sed教程,sed是unix系统下流编辑里的超人.最初我写这份说明是为了我的 第二本电子书,然而随后我决定把这份说明变成一本免费电子书预览的同时再次做为文章发布到这里. Sed说明 掌握sed可以简化为理解和操作sed的四种空间,这四种空间分别为: 输入流 模式空间 保持空间 输出流 可以这样去想像空间这个词,sed读入输入流和产生输入流,在内部它有模式空间和保持空间.sed从输入流读入数据直到它读到换行字符(\n),然后它把当前读到的数据(不包含新行字符)放入模式空间.大部…

RabbitMQ系列教程之一:我们从最简单的事情开始!Hello World 一.简介 RabbitMQ是一个消息的代理器,用于接收和发送消息,你可以这样想,他就是一个邮局,当您把需要寄送的邮件投递到邮筒之时,你可以确定的是邮递员先生肯定会把邮件发送到需要接收邮件的人的手里,不会送错的.在这个比喻中,RabbitMQ就是一个邮箱,也可以理解为邮局和邮递员,他们负责把消息发送出去和用于接收信息. RabbitMQ和邮局这两者之间的主要区别是它不会处理纸质邮件,取而代之的是接收.存储和发送二进制数据…

IPS是英文In-Plane Switching的缩写,英文含义为平面转换屏幕技术,由日立公司于2001推出的液晶面板技术,俗称“Super TFT”,是目前世界上最先进的液晶面板技术,目前已经广泛使用于液晶显显示器与手机屏幕等显示面板中. 优点: ○可视角度大 IPS屏幕面板的视角可达到178度,正面观看与不同角度观看时所产生的颜色变化程度成为色彩扭曲率,所得的数值几乎用肉眼分辨不出来.意味着从正面还是侧面观看画面的效果是相同的.   ○色彩真实 这也是IPS屏幕色彩抱枕特点的全面展现.IPS…

重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/30485103 假如世界上没有了音乐,在森林里.我们听不到莺.鸫鸟用纯洁.纯净的的声音唱歌.听不到甲虫和蚱蜢拉提琴的声音:听不到小河哗哗啦啦地演奏:也听不到落叶沙沙地歌唱--森林无论如何郁郁葱葱,如何漂亮也只是仅仅是空荡和孤独. 假如世界上没有了音乐,人们将无法听到莫扎特.贝多芬等音乐天才创作的那些动听的乐曲:人们将不能看到花儿乐队活力四射的表演:音乐…