摘要:
一、通过js检测屏幕宽度,更换样式表 1、使用javascript更改页面样式表的方法javascript更改页面样式表的方法 2、javascript得到页面的宽度(document.documentElement.clientWidth;(IE6兼容的写法 ))javascrip... 阅读全文
摘要:
一、分析新浪网是怎么做的 如新浪网有两种版本,一种是pc版,存放在www.sina.com.cn这个服务器上;另外一种是手机版,存放在www.sina.cn这个服务器上 原理是当用户输入网址www.sina.com.cn的时候,检测用户的设备,如果用户用的是pc,那么留在原地,如果检测用户的... 阅读全文
摘要:
一、什么叫响应式网页设计 响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。 ... 阅读全文
摘要:
实现原理 主要用到几个知识点:什么是scrollTop?CSS position定位判断是否为IE6浏览器元素相对于窗口的距离原理:1,浏览器向下滚动时,当document的scrollTop大于浮动层离窗口顶部的距离时,就让浮动层的position属性设为fixed定位,脱离文档流2,浏览器向上... 阅读全文
摘要:
一、CSS3 新增的边框属性属性版本简介border-imageCSS3设置或检索对象的边框使用图像来填充border-image-sourceCSS3设置或检索对象的边框是否用图像定义样式或图像来源路径border-image-sliceCSS3设置或检索对象的边框背景图的分割方式border-i... 阅读全文
摘要:
一、CSS1&2颜色表示方式(W3C标准)1、Color name 颜色名称方式(用颜色关键字表示对应的颜色。)例如:red(红色)、blue(蓝色)、pink(粉色)优点:方便快捷而且特定颜色比较准确缺点: 表示颜色数量有限。 不支持透明颜色.2、HEX方式 十六进制方式(使用十六进制表示颜... 阅读全文
摘要:
浮出层是web页面中经常用到的功能,带有小小尖角的浮出层则更为生动,所以今天带给大家的是有角的浮出层,一起看看吧!HTML: ◆◆ ◆◆ ◆◆ ◆◆ Hi,知道吗? 大前端D7主题很快就疯抢了!以上HTML构成了一个浮出层和四个方... 阅读全文
摘要:
一、CSS控制边界1、内边距 padding(内边距也叫内填充) padding-bottom 长度/百分比 元件下端边线的空隙 padding-left 长度/百分比 元件左端边线的空隙 padding-right 长度/百分比 元件右端边线的空隙 padding-top ... 阅读全文