响应式Web设计 (15) 更多

  • 8.1.8 日期和时间输入类型
    type="date" 大多数浏览器默认都将其渲染为标准的文本输入框 type="month" ——2012-06 type="week" —— 2012-W47 type="time" 允许输入一个 24 小时制的时间值 type="datetime" 日期时间选择器在 iOS 设备上的...
  • 8.1.7 HTML5的新输入类型
    在那些不支持新特性的浏览器中,它们会被降级显示为一个标准的文本输入框。 type="email" 当提交一个不符合格式的输入值时,浏览器会生成警告信息 许多触摸屏设备(如 Android、iPhone 等等)会根据输入类型改变...
  • 8.1.6 list(及对应的datalist元素)
    <div> <label for="awardWon">Award Won</label> <input id="awardWon" name="awardWon" type="text" list="awards"> <datalist id="awards"> <select> <option value="Best Picture"></option> <option value="B...
  • 8.1.3 required
    表明该表单域为必填项。警告信息的显示方式(包括显示内容和样式)取决于浏览器与输入框类型。 aria-required="true" 如果没有特殊原因,建议为输入框追加 WA I - A R I A 版的必填属性以方便屏幕阅读器用户。
  • 8.1.2 placeholder
    在 input 元素中加入 placeholder 属性,其属性值就会默认显示为占位符文字,输入框获取焦点时该文字自动消失。当输入框失去焦点且没有任何输入值时,占位符文字则会再次显示。
  • 5.5.3 对伪元素的修正
    两个冒号,以区分伪类 p::first-line 根据视口自动变化 用CSS3替代使用jQuery做复杂的元素选择
  • 5.5.2 CSS3结构伪类
    li:first-child li:last-child nav { display: table; } nav ul { display: table-row; } nav ul li { display: table-cell; } :nth-child(even) nav ul li:nth-child(even) a { color: #fe0208; } nth-child(2)...
  • 5.5.1 CSS3属性选择器
    任意一个含有 alt 属性的图片标签 img[alt] { border: 3px dashed #e15f5f; } 匹配开头Element[attribute^="value"] 匹配包含Element[attribute*="value"] 匹配结尾Element[attribute$="value"]
  • 5.4.1 多栏布局
    #main { column-width: 12em; } 无论视口尺寸是多少,内容都会分布在宽度为12em的栏位中。视口尺寸发生变化之后,浏览器会自动调整栏位数量。 #main { column-count: 4; } 保持栏位数量不变而让栏位宽度根据视口...
  • 5.3 私有前缀及其用法
    CSS 的工作方式是浏览器逐行下载样式表,应用其可识别的属性,忽略其无法识别的属性
  • 4.5 HTML5的文本级语义元素
    <b>纯粹为了吸引人注意,不传达任何重要性,不暗示其他任何语气和语态。如文档摘要中的关键词、评论中的产品名称、交互式文 本软件中的可操作单词,或者文章的导语。 <em>强调内容中的重点。 <i>一小段有不同语态...
  • 4.3.6 <header>
    <header> 可用作网站头部的“刊头”区域,也可用作对其他内容如<article>元素的简要介绍 同理,<footer>也是如此。
  • 4.3.1 <section>
    <section>元素用来定义文档或应用程序中的区域(或节)。例如,可以用它组织你的个人信息,一个<section>用于联系信息,另一个用于新闻动态。需要重点理解的是用它的目的不是为了美化样式。如果你只想将某个元素...
  • 3.4 用em代替px
    em 的实际大小是相对于其上下文的字体大小而言的。
  • 1.3 响应式网页设计的定义
    将三种已有的开发技巧(弹性网格布局、弹性图片、媒体和媒体查询)整合起来 意思相近的术语:流式设计、弹性布局、塑料布局、流体设计、自适应布局、跨设备设计以及弹性设计

1988:我想和这个世界谈谈 (3)

  • 第191页
    我始终跑在他们划破的气流里,不过我也不曾觉得风阻会减小一些,只是他们替我撞过了每一堵我可能要撞的高墙,摔落了每一道我可能要落进的沟壑,然后告诉我,这条路没有错,继续前行吧,但是你已经用掉了一次帮助...
  • 第42页
    你要去南方还是北方啊?我要去北方。你去做什么啊?我去和他们谈谈。你和谁谈谈啊?这个世界。
  • 第118页
    不要拿青蛙给现实改变自己找借口,温水是煮不了青蛙的,青蛙没有那么蠢,这就是现实。

软件框架设计的艺术 (2)

  • 第90页
    在向已公开的可继承类中添加方法或字段时要格外小心,因为可能其子类中已经存在了签名相同的方法或字段。
  • 第83页
    要注意,“继承”不是用来改变具体的行为,而是用来添加一些额外的行为。