摘要：
在实际中我们可以利用border做出纯CSS的三角形。当我们给元素设定高度、宽度和边框时。#test{ width:100px; height:100px; border-top:80px solid red; border-right:80px so... 阅读全文
摘要：
利用z-index，可以改变元素相互覆盖的顺序，有较高z-index值的元素比z-index值较低的元素离读者更近。也就是说有较高z-index值的元素会覆盖其他元素。 ① 如果不对节点设定position属性，位于文档流后面的节点会覆盖前面的节点。比如ab ② 如果将positio... 阅读全文
摘要：
在实现页面的某些效果时，我们经常会用到JavaScript去获取浏览器窗口，页面中元素和屏幕的大小，而这三个的大小在不同的浏览器中获取的方式有所不同，所以不得不处理一些兼容性问题。一、屏幕的大小 首先来看屏幕大小，什么是屏幕大小呢？屏幕大小是指当前所用设备的屏幕的分辨率（浏览器窗口外部显示器的... 阅读全文
摘要：
一、响应式设计 响应式设计的概念是页面的设计应根据用户的行为（如调整浏览器窗口大小）和设备环境（如屏幕大小、屏幕定向）进行相应的调整。它可以由多方面组成，包括弹性网格和布局、弹性图片、媒体查询等。二、媒体查询 2.1媒体查询的概念 在css2中允许使用media来对特定的媒体应用特定的样式... 阅读全文