学习目标

1、元素类型分类依据和元素类型分类

2、元素类型的转换

3、inline-block元素类型的应用

4、置换和非置换元素的概念和应用案例

一、元素类型分类依据和元素类型分类

根据css显示分类，XHTML元素被分为

三种类型:块状元素，内联元素

1.块状元素（block element）

小编今天的分享主题是显示属性、列表属性、定位属性；

首先，我们先来了解一下关于显示属性

显示属性，它表示了一个框或者盒的表现，具有2层含义，分别是显示方式和显示效果；

1.显示方式，即display属性，具体是指一个框的表示形式，它自己固定的取值候选：

a)none：表示让这个元素不显示，隐藏起来，同时这个元素是不占据这个文档的空间的。

EXCEL教程封面

今天晚上还是花了一个小时整理一下第二节数组的基础教程，期望大家能在学习中收获。

一、数组的定义

数组：指一组数据，就是一个具有维度的集合，数组集合被包围在“{}”中。

元素：数值、文本、日期、逻辑值、错误值。

维度：一维数组、二维数组、多维数组

二、应用数组的时机

1.计算的结果不止一个。（这个很好理解）

但凡说div+css简单的都是还没入门，这句话你同意吗？

因为，但凡做过前端4、5年的或者更久的都不会说这个话，因为div的布局方式方法是没有标准答案的，很多时候靠的是经验和领悟，所以才会有css禅 （css Zen Garden）的说法，就是悟道。

本人aming

web前端从业经验超过8年，我甚至不敢说我写的代码100%的标准，包括css命名，标签的合理使用，现在依然是在“禅”的道路上摸索、领悟，时间做的越长，对于div+css越是保有敬畏之心。当然，我绝不是在危言耸听

今天的早读课，笔者将介绍Display的相关属性，主要涉及的内容包含：

• display: none vs. visibility: hidden
• display: block
• display: inline
• display: inline-block

Display: None vs. Visibility: Hidden

如下段代码所示，我们有三个红、蓝、绿的方块，如下段代码所示：

如何使用结构相似性指数（SSIM）将两个图像与Python进行比较。

使用这种方法，我们能够轻松确定两个图像是否相同或由于轻微的图像处理，压缩伪像或有目的的篡改而产生差异。

《简约至上，交互式设计四策略》四策略分别为删除、组织、隐藏和转移。这篇文章总结组织和转移相关知识及最后总结。

Char 5 组织

重新组织界面往往是简化设计的最快捷方式。

1)分块，然后组织成一小块一小块。在实际中应该尽可能少分几个块，才能让主流用户感觉更简单。

2)围绕行为进行组织，画出用户行为有助于理解如何组织你的产品。

3)简单的组织模式具有清晰的界限即好的分类是非分明，这样用户才能明确知道到哪里去找自己想要的东西。