Queries | 易学教程

Queries

CSS3 Media Queries 实现响应式设计

阅读更多关于 CSS3 Media Queries 实现响应式设计

在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。　　例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中，这样，在不改变文档内容的情况下，不同的设备可以呈现不同的界面外观。阅读这篇文章学习 CSS3 Media Queries 的基本功能和国外使用 CSS3 的 Media Queries 特性的优秀网站案例。 CSS3 Media Queries 看下这个在线演示，调整你的浏览器窗口尺寸，看看它的变化。 Max Width 下面的样式会在可视区域的宽度小于 600px 的时候被应用。 1 2 3 4 5 @media screen and ( max-width : 600px ) { .class { background : #ccc ; } } 如果你想链接到一个单独的样式表，把下面的代码放在<head>标签里。 1 <link rel= "stylesheet" media= "screen and (max-width: 600px)" href= "small.css" /> Min Width 下面的样式会在可视区域的宽度大于 900px 的时候被应用。 1 2

级联查询(Hierarchical Queries) 进阶应用：伪列LeveL

阅读更多关于级联查询(Hierarchical Queries) 进阶应用：伪列LeveL

一、使用伪列Level显示表中节点的层次关系： Oracle9i对级联查询的支持不仅在于提供了像Start with...Connect by这样的子句供我们很方便地执行查询，而且还提供了一个伪列(Pseudocolumn): Level。这个伪列的作用是在递归查询的结果中用来表示节点在整个结构中所处的层次下面我们来看看实际的例子：还是上次那个employee表，现在我们要在上次的需求上面增加点小玩意：输出每个节点的层次值，看如下SQL： SQL> select level, id, emp_name, manager_id from employee start with id = 2 connect by prior id = manager_id order by id; LEVEL ID EMP_NAME MANAGER_ID ---------- ---------- -------------------- ---------- 1 2 mark 1 2 4 tom 2 2 5 paul 2 3 7 ben 4 SQL> 我们可以看到在LEVEL列，输出了1,2,2,3的值，这就是Oracle为我们提供的一个伪列。此伪列只能用在start with...connect by子句中，下面我们来看另一种方式是否可行： SQL> select level, p.*

订阅 Queries