随笔分类 -  css知多少

css重点只是介绍
摘要:《css知多少》系列就此完结了。常来光顾的朋友可能会觉得突然:css的知识点还有很多,怎么突然就完了,还没讲完呢?这样说是对的。不过凡事都有一个定位,如果盲目求多,定位模糊,那样就没有目的没有方向了。 我的身份不是前端开发人员,而是产品经理。我规划的产品是一款项目管理软件,我也是一个PMP。我深知一 阅读全文
posted @ 2015-03-10 08:41 王福朋 阅读(100140) 评论(22) 推荐(64) 编辑
摘要:1. 引言 本文将用一篇文章介绍position(定位),在学习position之前,我们应该去思考一个问题:什么情况下我们需要定位?如果没有定位将无法满足我们怎样的需求?我们要知道,被人类创造出来的每一个知识,都有它的用途,都要解决一些之前遇到的问题。 如果没有定位,我们做出来的网页将会是按部就班 阅读全文
posted @ 2015-03-09 08:07 王福朋 阅读(16647) 评论(27) 推荐(34) 编辑
摘要:1. 引言 网页的所有元素,除了“块”就是“流”,而且“流”都是包含在“块”里面的(最外层的body就是一个“块”)。在本系列一开始讲《浏览器默认样式》的时候,大家也都看到了浏览器默认样式中规定了html元素哪些属于“块”(剩下的就是“流”)。这部分知识非常重要也非常基础,因此在所有的前端面试题中, 阅读全文
posted @ 2015-03-06 08:19 王福朋 阅读(13097) 评论(4) 推荐(20) 编辑
摘要:float内容比较多,咱们分上、下两篇来介绍,上篇已经写完,这是下篇。建议大家先把上篇看了,再来看下文,精彩内容不要掠过啊。 1. 清除float 《上篇》中我们提到,float具有“破坏性”,它会导致父元素“坍塌”,这将不是所要看到的。如何去避免float带来的这种影响呢(也就是我们常说的“清除浮 阅读全文
posted @ 2015-03-05 08:23 王福朋 阅读(10819) 评论(11) 推荐(21) 编辑
摘要:1. 引言 对于我们所有的web前端开发人员,float是或者曾经一度是你最熟悉的陌生人——你离不开它,却整天承受着它所带给你的各种痛苦,你以为它很简单就那么一点知识,但却驾驭不了它各种奇怪的现象。 这就是我们又爱又恨的——float。所以,系统的学一学float是非常非常重要的。除了看书和看博客文 阅读全文
posted @ 2015-03-04 19:40 王福朋 阅读(13048) 评论(13) 推荐(29) 编辑
摘要:1. 引言 从这一节开始,我们就进入本系列的第三部分——css呈现。本部分将描述css在页面的几种布局和呈现的特性。包括两类:文字、块。 第一类——文字。这部分相对比较简单一些,例如设置字号、字体、颜色、背景色、是否加粗等。重点的地方在于设置字体、设置行高、文字相关的距离都用相对值,这些东西在《cs 阅读全文
posted @ 2015-02-12 08:34 王福朋 阅读(24743) 评论(11) 推荐(25) 编辑
摘要:1. 引言 上一节《css知多少(5)——选择器》最后提到,选择器类型过多将导致一些问题,是什么问题呢?咱们直接举例子说明。 上图中,css中的两个选择器都是针对<span>的,而且两个设置的颜色不一样,这里的<span>到底听从谁的命令? 上面还是比较简单的,下面在来一个复杂的: 上图中的<li> 阅读全文
posted @ 2015-02-11 08:32 王福朋 阅读(22008) 评论(17) 推荐(25) 编辑
摘要:1. 引言 从本节开始,就进入本系列的第二个部分——css和html的结合——说白了就是选择器。 CSS中定义了样式,如何将这些样式设置到相应的html节点上?就不得不通过选择器。让浏览器知道css选择了哪一个dom节点,浏览器就会乖乖的把相应的样式渲染成视图。 至于css能把页面渲染成什么样子,这 阅读全文
posted @ 2015-02-10 08:22 王福朋 阅读(14391) 评论(9) 推荐(21) 编辑
摘要:上一节《css知多少(3)——样式来源与层叠规则》介绍了样式的五种来源,咱们再通过一张图回顾一下。 对于上面的三层,咱们大概都比较熟悉了。下面的两层中,用户自定义样式一般也就是改一改字号大小和字体样式,也没甚好说的。而最有的说的就是浏览器的默认样式。 不同浏览器的默认样式多少有些区别,特别是老版本的 阅读全文
posted @ 2015-02-09 08:32 王福朋 阅读(28098) 评论(35) 推荐(66) 编辑
摘要:上一节《css知多少(2)——学习css的思路》有几个人留言表示思路很好、继续期待,而且收到了9个赞,我还是比较欣慰的。没看过的朋友建议先去看看上一节。 这一节就开始实践上一节的思路! 1. “层叠”的概念 CSS——层叠样式表,其中的“层叠”是什么意思呢?层叠就是浏览器对多个样式来源进行叠加,最终 阅读全文
posted @ 2015-02-06 20:24 王福朋 阅读(20325) 评论(23) 推荐(47) 编辑
摘要:两周之前写过该系列的第一篇,其实当时只是一个想法,这段时间迟迟未更新,是在思考一个解决过程。现在初有成效,就开更吧。 1. 一个段子 开题不必太严肃,写博客也不像写书,像聊天似的写东西是最好的表达方式。 记得之前看过一个段子,也可能是一件真事儿,这不重要。大体内容如下:一个香港的教授说:我们香港的大 阅读全文
posted @ 2015-02-06 08:26 王福朋 阅读(21346) 评论(15) 推荐(32) 编辑
摘要:1. 引言 各位前端或者伪前端(比如作者本人)的同志们,css对你们来说不是很陌生。比如我,在几年之前上大学的时候,给外面做网站就用css,而且必须用css。这样算下来也得六年多了,有些功能可能轻车熟路,有些功能可能需要上网查查,看似能应付得了工作的事情——我之前也是(现在工作上不做开发了,只是业余 阅读全文
posted @ 2015-01-21 08:17 王福朋 阅读(30794) 评论(21) 推荐(28) 编辑