上一页 1 ··· 29 30 31 32 33 34 35 36 37 ··· 42 下一页
摘要: JavaScript概述 学习要点: 1.什么是JavaScript 2.JavaScript特点 3.JavaScript历史 4.JavaScript核心 5.开发工具集 JavaScript诞生于1995年。它当时的目的是为了验证表单输入的验证。因为在JavaScript问世之前,表单的验证都 阅读全文
posted @ 2016-10-30 16:58 林贵秀 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 移动流体布局和响应式布局总结 宽度与高度 区块宽度一般用max-width 最大宽度和百分比,来定义宽度,因为要实现自动缩放 高度如果要自适应,就不需要定义高度,或者定义最小高度 注意:横向的尽量用百分比,如边距等 图片自适应 保证小于图片分辨率的手机,自适应等宽屏幕 图片一定要能够自适应等比例缩放 阅读全文
posted @ 2016-10-30 15:27 林贵秀 阅读(317) 评论(0) 推荐(0) 编辑
摘要: html5+css3移动手机端流体布局,旅游部分,媒体查询 媒体查询 媒体查询是手机网站和自适应网站的重要部分,媒体查询可以根据不同的屏幕大小,做响应的处理,如文字的大小,区块隐藏等等 媒体查询,这里我们不去详细去讲解,这个放到后面响应式章节讲解,这里简单使用即 可。 旅游部分 注意旅游部分要两个内 阅读全文
posted @ 2016-10-29 11:05 林贵秀 阅读(643) 评论(0) 推荐(0) 编辑
摘要: html5+css3移动手机端流体布局,基础CSS,头部设计,轮播设计,底部设计 基础CSS 首先将通用css属性写好 头部设计 我们用新单位rem就是以根元素挂钩来计算大小,首先将根元素字体设置成16px作为基准 这后面的单位就以这基准的rem就是倍数来计算,区块宽度基本用max-width最大宽 阅读全文
posted @ 2016-10-27 12:37 林贵秀 阅读(781) 评论(0) 推荐(0) 编辑
摘要: html5+css3移动手机端流体布局,开篇知识 将项目设计成移动端可访问的页面,项目采用的是流体布局。也就是宽度以百分比自适应的,因为手机的屏幕大小不一致 一.整体设计 首先 我们要了解一下测试工具。这里提供两种测试工具 一种是Chrome自带的移动端测试工具 另一种是OperaMobile移动端 阅读全文
posted @ 2016-10-27 10:05 林贵秀 阅读(493) 评论(0) 推荐(0) 编辑
摘要: html5+css3pc端固定布局,完成首页 此时我们的首页就完成了 首页效果 其他页面我就不做了,原理相同,做其他页面时将头尾css分离调用即可 大纲算法 我们看看大纲算法比较清晰,说明符合规则 html代码 css代码 阅读全文
posted @ 2016-10-26 18:27 林贵秀 阅读(2463) 评论(0) 推荐(0) 编辑
摘要: html5+css3pc端固定布局,底部区域,说明区域,版权区域 完成: HTML代码: css代码: 阅读全文
posted @ 2016-10-26 17:33 林贵秀 阅读(1458) 评论(0) 推荐(0) 编辑
摘要: html5+css3pc端固定布局,热门旅游取,标题介绍区,旅游项目区 样式: html代码: css代码: 阅读全文
posted @ 2016-10-25 20:29 林贵秀 阅读(451) 评论(0) 推荐(0) 编辑
摘要: html5+css3pc端固定布局,搜索区,插入大图,搜索框 设置一个div作为搜索区域 1.宽度为百分之百 2.最小宽度为1263,因为要考虑到手机,等小屏幕缩小后宽度会自适应,导致破坏布局,将最小宽度设置为1263后,当缩小低于1263时,就是1263的宽度不破坏布局 插入大图 将图片作为背景插 阅读全文
posted @ 2016-10-25 15:33 林贵秀 阅读(668) 评论(0) 推荐(0) 编辑
摘要: html5+css3pc端固定布局,大纲算法,section和div,结构分析 一.大纲算法 在HTML5中有一个很重要的概念,叫做HTML5 大纲算法(HTML5Outliner),它的用途是为用户提供一份页面的信息结构目录。比如我们经常使用的手册就是一个非常好的大纲结构: 测试工具:https: 阅读全文
posted @ 2016-10-25 10:45 林贵秀 阅读(775) 评论(0) 推荐(0) 编辑
上一页 1 ··· 29 30 31 32 33 34 35 36 37 ··· 42 下一页