摘要:
在实际中我们可以利用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来对特定的媒体应用特定的样式... 阅读全文