转：css知多少（1）——我来问你来答

【转：css知多少（1）——我来问你来答】的更多相关文章

css知多少（1）——我来问你来答（转）

css知多少(1)——我来问你来答 1. 引言各位前端或者伪前端(比如作者本人)的同志们,css对你们来说不是很陌生.比如我,在几年之前上大学的时候,给外面做网站就用css,而且必须用css.这样算下来也得六年多了,有些功能可能轻车熟路,有些功能可能需要上网查查,看似能应付得了工作的事情——我之前也是(现在工作上不做开发了,只是业余还写代码). 世界上没有绝对简单的东西,只是我们认为它是简单的.就像我们公司现在的开发情况,开发的大环境刚刚转入B/S,开发领导以前都是用.net做C/S的,在…

css知多少（12）——目录

<css知多少>系列就此完结了.常来光顾的朋友可能会觉得突然:css的知识点还有很多,怎么突然就完了,还没讲完呢?这样说是对的.不过凡事都有一个定位,如果盲目求多,定位模糊,那样就没有目的没有方向了. 我的身份不是前端开发人员,而是产品经理.我规划的产品是一款项目管理软件,我也是一个PMP.我深知一个项目一定要有目标.范围.进度和质量要求.一旦达到,项目即可结束,准备下一个项目的启动.我接下来,要继续优化我的富文本编辑器wangEditor.还要把我之前写的<深入理解javascript…

转:css知多少（12）——目录

<css知多少>系列就此完结了.常来光顾的朋友可能会觉得突然:css的知识点还有很多,怎么突然就完了,还没讲完呢?这样说是对的.不过凡事都有一个定位,如果盲目求多,定位模糊,那样就没有目的没有方向了. 我的身份不是前端开发人员,而是产品经理.我规划的产品是一款项目管理软件,我也是一个PMP.我深知一个项目一定要有目标.范围.进度和质量要求.一旦达到,项目即可结束,准备下一个项目的启动.我接下来,要继续优化我的富文本编辑器wangEditor.还要把我之前写的<深入理解javascript…

css知多少（5）——选择器（转）

css知多少(5)——选择器 1. 引言从本节开始,就进入本系列的第二个部分——css和html的结合——说白了就是选择器. CSS中定义了样式,如何将这些样式设置到相应的html节点上?就不得不通过选择器.让浏览器知道css选择了哪一个dom节点,浏览器就会乖乖的把相应的样式渲染成视图. 至于css能把页面渲染成什么样子,这是本系列的第三部分. 第一部分讲css样式的加载和层叠,第二部分讲选择器以及选择器的等级,第三部分讲呈现的各种样式(背景.字体.定位.浮动等).这样一个思路,也正式浏…

css知多少之绝对定位小记

一.position定位常见属性对于属性position来说,属性值有static/relative/absolute/fixed/inherit以下只对绝对定位position:absolute详述说明看栗子 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>绝对定位position:absolute<…

css知多少（6）——选择器的优先级

1. 引言上一节<css知多少(5)——选择器>最后提到,选择器类型过多将导致一些问题,是什么问题呢?咱们直接举例子说明. 上图中,css中的两个选择器都是针对<span>的,而且两个设置的颜色不一样,这里的<span>到底听从谁的命令? 上面还是比较简单的,下面在来一个复杂的: 上图中的<li>该显示成什么颜色呢? 2. 特指度要解决以上问题,我们需要引入一个概念——特指度(specificity).特指度表示一个css选择器表达式的重要程度,可以通过…

看《css知多少》的一些总结

问题 1.有些浏览器不完全支持css3,现在可以用哪个工具去检测浏览器是否支持,以及支持哪些项? modernizr:检测浏览器对HTML5和CSS3特性(至于modernizr的介绍,可以看我另外一篇博文HTML5系列四(特征检测.Modernizr.js的相关介绍)) 2.常用的html标签,它们的display属性一般默认为block和inline.有哪些常用标签的display不是block和inline,这些标签显示的时候和block/inline有何区别? 具体display属性值有…