11/22 CSS权威指南

186 阅读6分钟

陈述:这是在京东上购买的,亚马逊上有英文版(此刻,好想学英语)。这本书的副标题是:Web视觉呈现技术。主旨是提高网站的可访问性(这个词是不是很熟悉)。虽然是2019年发行的,但是这里面的标准是2017年的,中文是有多滞后【出版社: O'Reilly Media; 4 (2017年10月16日)】。

中文版是中国电力出版社,封面是三条鱼,至于什么鱼就不清楚了。上下两册,上册9章,下册11章。

检视阅读:

一:有系统的略读或粗读 -- 未进行这一步

  • (1)先看书名页,然后如果有序就先看序

  • (2)研究目录页,对这本书的基本架构做概括性的了解

    这本书比较全面的介绍了css的各个方面,没有h5/js,没有单独说安全性,没有单独说框架的章节。下册把相似的内容放在了一起,比如浮动/定位,弹性盒布局/栅格布局/css中的表格布局/(列表和生成的内容),变形/过渡/动画。上册是一些比较基础的内容,但是翻看之后觉得似曾相识,但是介绍的特别全面而且之前模糊不定的东西更清晰了,而且了解了一些不知道的概念。

  • (3)如果书中附有索引,也要检阅一下-大多数论述类的书籍都会有索引

    没有索引

  • (4)如果那是本包着书衣的新书,不妨读一下出版者的介绍

  • (5)从你对一本书的目录中很概略,甚至有点模糊的印象当中,开始挑几个看来跟主题息息相关的篇章来看


  • (6)最后一步,把书打开来,东翻翻西翻翻,念个一两段,有时候连续读几页,但不要太多


    additional:电视剧是有损大脑的,会使你在不自觉的状态下做事(不知道怎么了有东西遗失/不知道怎么忘记关灯了等等)。而且演员一般擅长情绪管理(电视剧里有演员的情绪记忆),当想要说服别人的时候,最好就是先能调控他的情绪。还有就是明星们出的广告,都是利用了观众对他们个人的感情等为商家说话。还有看电视剧会变傻,因为就像小猫吃别人嚼碎了的东西一样。小孩非常不适宜看电视剧,有损健康成长。不知道的是 国家或者市场上有这些电视剧的价值在哪里。 Say Bye

    二:粗浅的阅读

分析阅读

1. 分析阅读的第一阶段:找出一本书在谈论些什么的规则

  • (1)依照书的种类与主题分类

    基础知识 浮动/定位/布局 变形/过渡/动画/过滤混合裁剪遮罩 媒体样式

  • (2)使用最简短的文字说明整本书在谈些什么

    整本书说的是 css的全覆盖内容

  • (3)将主要的顺序与关联性列举出来。将全书的大纲列举出来,并将各个部分的大纲也列举出来。

    基础知识部分的内容有些是讲解的非常详细的,有些是做了一个简单介绍在后续章节重点展开的。

  • (4)确定作者想要解决的问题

    作者有两个人。想解决的问题是 css可访问性,浏览器的兼容性,css的更新,使用css写框架(简单介绍),作为css的一个权威全面的手册。

2.分析阅读的第二个阶段:诠释一本书内容的规则

  • (5)诠释作者的关键字,与他达成共识

    可访问性 用户代理

  • (6)由最重要的句子中抓住作者的重要主旨

    作为Web设计师或文档编写人员,如果你对丰富的页面样式感兴趣,想改善网站的可访问性,力求节省时间和精力,那么这本书正是为你而写的。

  • (7)知道作者的论述是什么,从内容中找出相关的句子,再重新架构出来。

  • (8)确定作者已经解决了哪些问题,还有哪些是没有解决的。再判断哪些是作者知道他还没有解决的问题。

3.向沟通知识一样地评论一本书的规则

A智慧礼节的一般规则

  • (9)除非你已经完成大纲架构,也能诠释整本书了,否则不要轻易评论。

  • (10)不要争强好胜,非辩到底不可。

  • (11)在说出评论之前,你要能证明自己区别得出真正的知识与个人观点的不同。

B批评观点的特别标准

  • (12)证明作者的知识不足

  • (13)证明作者的知识错误

  • (14)证明作者不合逻辑

  • (15)证明作者的分析与理由是不完整的

阅读了前四章,磕磕绊绊注意力不太集中,但是坚持阅读。

css与文档 选择符 特制度和层叠 值与单位

重要的知识点:

one.对于特制度与层叠的章节,作者论述了创作人员,读者,用户代理(应该是浏览器)。在声明的权重上,要考虑5个方面,权重从高到低:

1.读者提供的样式以!important标记的声明。

2.创作人员编写的样式中以!important标记的声明。

3.创作人员编写的常规声明。

  • 选择符的特指度 【行内样式,id,clss/属性选择/伪类,ele/伪元素】
  • 连接符和通用选择符不增加特制度,继承的值没有特制度。

4.读者提供的常规声明。

5.用户代理的默认声明。

two.在值与单位中的距离的全面介绍

1 绝对长度单位 英寸in 厘米cm 毫米mm 四分之一毫米q 点pt 派卡pc 像素px

  • 打印机通常使用英寸in/点pt/派卡pc
  • 对于响应式设计/矢量图像(SVG),依赖用户代理的图像缩放技术

2 分辨率单位 点每英寸dpi 点每厘米dpcm 点每像素单位dppx

3 相对长度单位 em和ex单位 rem单位 ch单位 视区相关单位

  • vw/vh/vmin/vmax 不是与相应主轴绑定的,比如width:25vh;