近期读精通CSS高级Web标准解决方案(第2版)的小心情

首先,我想说,我真的为这本书着迷。近期读这本书,就像在和一位智者对话,又或者像是在和一个志同道合的朋友聊天,它耐心的把我在学习和实践的过程中所积攒的疑惑和思考的问题一 一解答。这本书不是一本CSS入门书,建议有CSS基础的同学阅读,相信你会和我一样,惊喜的发现这本书里蕴藏的宝藏。由于第二版是2010年出版的,那个时候CSS3还没有得到各大浏览器很好的支持,所以有些内容现在已经不适用了,但是,这本书更多的是教会我了解技术发展的历史,了解在那个技术受限的年代,作者是如何去思考和解决问题的。就像大漠老师说的,技术重于技巧。在我看来,只有知其然以及知其所以然,把基础打牢固了,才能创造出新的东西。而不是通过百度,谷歌去解决眼前一时的问题,解决了之后也不知道为什么这样就解决了。

近期我会陆续记录读书笔记。书中的代码还是亲自敲才能体会深刻。btw:有个别技术由于智商捉急,还是不大明白T T

时间: 2024-07-31 14:35:12

近期读精通CSS高级Web标准解决方案(第2版)的小心情的相关文章

精通css 高级web标准解决方案——可视化格式模型

1-盒模型的两种标准: IE :width 和 height属性 是包括padding和border在内的. w3c:width 和 height 属性,就是单纯的内容的宽高,padding 是内容之外的附加值. IE标准盒模型 w3c标准盒模型 我发现我以前总是记得有点混乱.现在绝对不会忘记了.box-sizing属性可以定义要使用哪种盒模型 解决这个问题分方法1:不要给元素添加具有指定宽度的内边距,尝试将内边距或者外边距添加到元素的父元素或者子元素. 方法2:待补充?? 2-对box-siz

精通css 高级web标准解决方案——可视化格式模型-定位模型

CSS 中有三种定位机制:普通流.浮动.绝对定位.(默认为普通流) 改变文档流:display: inline-block; (支持到ie8及以上) 1-匿名块框: <div> 你好! <p>廖阿丽!</p> </div> 这一块中的“你好”,属于匿名块框,因为它没有与专门定义的元素想关联. 2-相对定位 元素相对定位就是相对于它本来的位置来定位的. <!DOCTYPE html> <html> <head> <ti

《精通CSS高级web标准解决方案》——第一章、第二章(为样式找到应用目标)即选择器

2015-04-16 08:49:35 1.“多类症”:classitis.   “多div”:症. 第二章 为样式找到应用目标(选择器) 1.有效且结构良好的文档为你要应用的样式提供了一个框架. 2.选择器:1.类型选择器(即元素选择器) 2.后代选择器 3.类选择器 4.ID选择器 3.不要给这些元素指定不同的类,而应将一个类货ID应用于他们的祖先,然后使用后代选择器来定位他们. 4.有时我们需要根据文档结构之外的其他条件对元素应用样式,例如表单元素或链接的状态.这要使用伪类选择器来完成.

精通CSS:高级Web标准解决方案(第二版) 初读笔记

2.1 常用的选择器 1. 类型选择器  p { color: black; } 2. 后代选择器  blockquote p { padding-left: 2em; } 3. ID选择器  #intro { font-weight: bold; } 4. 类选择器  .date-posted { color: #cccccc; } 5. 伪类  a:link { color: blue; } 6. 通用选择器  * { padding: 0; } 7. 子选择器  #nav>li { pad

读《精通CSS:高级Web标准解决方案》

因为最近在看<精通CSS:高级Web标准解决方案>,做了一些记录. 因为很多开发人员对于XHTML2的开发不满,于是出现了WHATWG和W3C的分裂,WHATWG决定开发自己的规范,也就是HTML5,而W3C的XHTML2标准已被放弃,HTML5成为了W3C的正式标准.XHTML和HTML的区别就是XHTML严格遵守XML编码规定,浏览器会依据文档的MIME类型来解析文档,如果不遵循规范会导致错误,而HTML却是很宽松的. Doctype类型和浏览器模式,DTD(文档定义类型)是一组机器可读的

《精通CSS:高级Web标准解决方案》学习笔记01

对我来说,CSS算得上是一个很难的东西.因为它不像JavaScript那么有趣,对记忆的要求太高,而我对浏览器兼容性.各种CSS Hack真的一点都不感冒.琐碎的.非理论化的知识,真的很烦人呐~ 鉴于国产CSS书籍基本都是辣鸡的现状,我在半年前动用某工作室的购书资金采购了一些技术书籍,这本广受好评的<精通CSS>也在其中.但是在阅读过后我深深的感觉到,如果说CSS本来已经是一种很琐碎的布局知识集合的话,那这本书只能说是更加琐碎了,因为这只是一本纯纯的经验分享.而且随着前端技术的快速发展,明显能

精通CSS:高级Web标准解决方案(第2版)--第一章 基础知识

“人们几乎不会先去读完整的CSS规范,这些规范能把任何人送入梦乡.” “学习CSS最好的一种方式是直接开始使用它.” “先从博客上看到了一些出色的效果,于是通过查看源代码研究它们是如何实现的,然后就在自己的个人网站是大胆尝试.” 一.首先,从开始就应注意基本的问题,养成好的习惯: 1.良好的文档结构 不要过于依赖可视化的编辑器:糟糕的代码结构可能让你宁愿从头编写页面而不想去寻找bug: 2.有意义的标记 HTML 4 目前可使用的语义化标签并不全面,至少没有像header.navigation.

精通CSS:高级Web标准解决方案(第2版)--前言

一 这是我的第一本也是现在仅有的关于CSS纸质书,2013-08-06 购自某东,对于患有拖延症的我来说,260多页现在还没看完也不足为奇.期间拾起放下多次,每次都是从头来过,想想都要悲哀一下,最大的收获是我深刻体会到: 做任何事情,从头来过的成本是很高的. 现在我又来了.大家都说Andy Budd的这本书是好书.既然这样我就带着初学者的心态来拜读学习. 1.书中值得学习的CSS优点:规范.高效.兼容: 2.带有目的地学习和研究:深入.熟练.系统.精通.灵活: 3.自己去创造美的事物. 最后一点

《精通CSS:高级Web标准解决方案》学习笔记(下)

1. background-position: left center; 两个参数分别是x和y轴方向的position 2. background-position: 10% 20%; 用百分数表示时,定位点并不是元素的左上角,而是background上距左边10%,距右边20%的点 3.圆角框,略.内容太多,以后单独开一篇. 4.犹如下css代码: 1 a:link,a:visited { 2 text-decoration: none; 3 } 4 a:hover,a:focus,a:act