一.背景 翻出我4年前看的<精通CSS>一书,可惜当初没有整理读书笔记的习惯,最近又很少写前端,遂很多东西.知识点遗忘了,恰且现在 css 也有些变化和进步,遂一起打包整理,输出成几篇 blog 系列,以犒自己. 二.选择器 1.基本选择器 (1)标签选择器 --elementname (2)类别选择器 --.elementname (3)ID选择器 --#elementname (4)通用选择器 --* 2.组合选择器 符号 说明 A > B 子代选择器 A B 后代选择器 A + B…

一 标记简史 1 使用有意义的元素 2 ID和类名:ID是唯一的,而一个类名可以应用于多个元素.在写ID和类名时需要注意区分大小写,并使用统一的命名约定,比如完全小写+连字符分割,例andy-budd. 3避免过多使用class和div 4微格式:因为HTML中缺少相应的元素,难以突显人.时间,地点等信息,所以就有了微格式.它基于vCard和iCalendar等现有数据格式.当前有9 个正式的微格式,比如hCard(用于人和组织),hCalendar(用于日期,日历和事件),hProduct(产…

第2章    选择器,注释 1.常用选择器(id选择器,类选择器,类型选择器,后代选择器,伪类选择器(文档结构之外)) 通用选择器(*{    }) 高级选择器(子选择器,相邻同胞选择器,属性选择器) 2.选择器特殊性分级 3.层叠和继承的区别 4.设计代码的结构,使用风格统一的大注释块分割每个部分 一般性样式                              辅助样式                                页面结构                        …

鉴于国产CSS书籍基本都是辣鸡的现状,我在半年前动用某工作室的购书资金采购了一些技术书籍,这本广受好评的<精通CSS>也在其中.但是在阅读过后我深深的感觉到,如果说CSS本来已经是一种很琐碎的布局知识集合的话,那这本书只能说是更加琐碎了,因为这只是一本纯纯的经验分享.而且随着前端技术的快速发展,明显能感觉到,这本书里的很多内容已经过时了.所以,虽然我写了笔记,但是仍然强烈不推荐把这本书当作是CSS圣经,而应该作为一本床头读物(不过我相信你不会的,因为它太无聊了). 看完以后我最大的感慨是——果…

最近新添16本书,目前开始看陈剑瓯翻译的<精通CSS——高级Web标准解决方案>(Andy Budd, CSS Mastery -- Advanced Web Standards Solutions). 以下是读书笔记. 首先,挺遗憾的是,除了封面上译者名字外,就完全看不到跟译者有关的东西,没有译者简介,没有译者序,没有后记……一点也没有(难道是我没找到?) 第1章 关于“有意义的标签”,这是css编程的前提.第4页上只是罗列了一些html标签,但是并没有详述他们的意义和用法.当然这是一本cs…

CSS 选择器赋予 CSS 强大的 HTML 元素匹配功能.作为前端开发人员必须要掌握的一部分,可能基本的大家都知道.但是你真的精通 CSS 了吗?挑战一下 CSS 选择器测验就知道. 您可能感兴趣的相关文章 OverAPI.com – 史上最全开发人员在线速查手册 HTML5 Maker – 在线轻松制作 HTML5 动画效果 SlimerJS – Web开发人员可编写 JS 控制的浏览器 Chance – 功能强大的 JavaScript 随机数生成类库 Debuggex – 超好用的正则表…

第2章    选择器,注释 1.要知道常用选择器(id选择器,类选择器,类型选择器,后代选择器,伪类选择器(文档结构之外)) 通用选择器(*{    }) 高级选择器(子选择器,相邻同胞选择器,属性选择器) 2.选择器特殊性分级 3.层叠和继承的区别 4.设计代码的结构,使用风格统一的大注释块分割每个部分 一般性样式                              辅助样式                                页面结构                    …

[CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面的. 1.1 HTML的局限性 HTML 只关注内容的语义,虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐-- 1.2 CSS网页的美容师 CSS 是 层叠样式表 的简称. 有时我们也会称之为 CSS 样式表 或 级联样式表. CSS 也是一种 标记语言. CSS 主要用于设置 HT…

/*先设置背景再设置前景*/ pre{ background-color: #f8f8f8; border: solid 1px #ccc; border-radius: 3px; overflow: auto; font-size: 15px; font-family: Consolas, Courier, monospace; padding: 6px 10px; line-height: 20px; tab-size: 4; } code{ background-color: #f8f8f…

一.基本规则 CSS的核心特性就是能向文档中的一组元素类型应用某些规则. 二.规则结构 选择器+声明块. h1{ color:red;background:yellow;} ,声明块由一个或多个声明组成. 三.元素选择器 文档的元素就是最基本的选择器,故叫元素选择器. 如果一个属性的值可以取多个关键字,关键字通常由空格分隔. 四.选择器分组 h1,h2,h3{CSS规则} 通配选择器 *{通配选择器} 对声明分组时,一定要在各个声明的最后使用分号. 类选择器和ID选择器   p.class{} …