标签（空格分隔）： baidu-ife
描述：HTML、CSS基础
英文全称为“World Wide Web”，web是一个由许多互相链接的超文本组成的系统，通过互联网访问。在这个系统中，每个有用的事物，称为一样“资源”；并且由一个全域“统一资源标识符”（URI）标识；这些资源通过超文本传输协议（Hypertext Transfer Protocol）传送给用户，而后者通过点击链接来获得资源。 万维网并不等同互联网，万维网只是互联网所能提供的服务其中之一，是靠着互联网运行的一项服务。 --摘自维基
随着web技术与设备的发展，不同时期对web的定义与理解也在不断变化，比如知乎轩子童鞋对web1.0、2.0、3.0的独道解释：
何谓web1.0？你开一家妓院，招聘头牌N牌，接客，连锁扩张；何谓web2.0？你还是开一家妓院，不招接客员，分男宾部、女宾部，客户来后自动匹配，男宾女宾彼此服务，尽情尽力，还双向收费；何谓web3.0？你成了妓监会，负责为男宾女宾发通行证，然后开放接口，为各种2.0妓院提供基础平台。
更正统一点的解释：
- web1.0：网络-人（单向信息，只读，eg个人网站，大英百科全书）；
- web2.0：人-人（以网络为沟通渠道进行人与人沟通，eg维基、博客）；
- web3.0：人-网络-人（人工智能、关联数据和语义网络构建，形成人和网络以及网络与人的沟通，同时在SEO支持下，提高人与人沟通的便利性）
对三者的区别在于三个时期中网络的角色：
- web1.0网络是信息提供者，单向性的提供和单一性理解；
- web2.0网络是平台，用户提供信息，通过网络，其他用户获取信息；
- web3.0网络成为用户需求理解者和提供者，网络对用户了如指掌，知道用户有什么、要什么以及行为习惯，进行资源筛选、智能匹配，直接给用户答案。
HTML 是一种 标记语言（markup language）。它告诉浏览器如何显示内容。HTML把内容（文字，图片，语言，影片等等）和「presentation」（这个内容是如何显示，比如文字用什么颜色显示等等）分开。HTML使用预先定义的元素集合来识别内容形态。 元素包含一个以上的标记来包含或者表达内容。标记利用尖括号表示，而结束标记（用来指示内容尾端）则在前面加上斜线。
Cascading Style Sheets (CSS) 是一门指定文档该如何呈现给用户的语言。文档是信息的集合，它使用一门 标记语言 作为结构。将一篇文档呈现给用户是指将文档转换成你的听众能够使用的一种形式。火狐、Chrome或IE等浏览器，用于将文档以可视的形式进行呈现，如在计算机屏幕、投影仪或打印机上。
附：翻译-HTML5, Differences from HTML4 ----未完待续
- text-indent
- text-transform
- text-decoration
- text-align
- word-spacing
- white-space
- color
- line-height
- font
- font-family
- font-size
- font-weight
- font-face
-
用两种方法来实现一个背景色为红色、宽度为960px的DIV在浏览器中居中
-
有的圆角矩形是复杂图案，无法直接用border-radius，请在不使用border-radius的情况下实现一个可复用的高度和宽度都自适应的圆角矩形
-
用两种不同的方法来实现一个两列布局，其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化
-
用两种不同的方式来实现一个三列布局，其中左侧和右侧的部分宽度固定，中间部分宽度随浏览器宽度的变化而自适应变化
-
实现一个浮动布局，红色容器中每一行的蓝色容器数量随着浏览器宽度的变化而变化
mark：阮一峰老师的Flexbox文章
- w3school
- MDN
- 慕课网
- w3school
- 慕课网
- 学习CSS布局
- CSS布局方式
- 双飞翼布局介绍-始于淘宝UED
- W3C Visual formatting model
- MDN Visual formatting model 翻译
- CSS 101: Block Formatting Context 翻译
- Block Formatting Context In CSS 翻译
- A new micro clearfix hack 翻译
- 那些年我们一起清除过的浮动 by 一丝冰凉
- BFC和hasLayout
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent