上一页 1 2 3 4 5 6 7 ··· 12 下一页
摘要: 学习要点: 1.定位布局 2.box-sizing 3.resize 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 早期所使用的传统布局,很多情况下,这些布局方式还是非常有用的。 一.定位布局 在使用定位布局前,我们先了解一下定位属性的用法。CSS2 提供了 position 属性来实现元 阅读全文
posted @ 2016-05-01 13:07 水之原 阅读(354) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.布局模型 2.表格布局 3.浮动布局 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 早期所使用的传统布局,很多情况下,这些布局方式还是非常有用的。 一.布局模型 在早期没有平板和智能手机等移动设备大行其道的时期,Web 页面的设计主要是面向 PC 端电脑分辨率展开的。这种分 阅读全文
posted @ 2016-05-01 12:01 水之原 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.动画简介 2.属性详解 3.简写和版本 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS3 的动画效果,可以通过类似 Flash 那样的关键帧模式控制运行。 一.动画简介 CSS3 提供了类似 Flash 关键帧控制的动画效果,通过 animation 属性实现。那么之前的 t 阅读全文
posted @ 2016-05-01 11:48 水之原 阅读(510) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.过渡简介 2.transition-property 3.transition-duration 4.transition-timing-function 5.transition-delay 6.简写和版本 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS3 的过渡效果,通过 阅读全文
posted @ 2016-05-01 11:23 水之原 阅读(502) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.3D 变形简介 2.transform-style 3.perspective 4.3D 变形属性 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS3 的变形效果,主要接着上节课的 2D 平面变形转换到 3D 立体变形。 一.3D 变形简介 之前我们学习了元素的平移、旋转、缩放 阅读全文
posted @ 2016-05-01 11:06 水之原 阅读(333) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.属性初探 2.属性解释 3.简写和版本 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS3 中边框图片背景的效果,通过这个新属性让边框更加的丰富多彩。 一.属性解释 CSS3 提供了一个新的属性集合,用这几个属性可以嵌入图片形式的边框。这样,边框就可以自定义了。 学习要点: 1 阅读全文
posted @ 2016-05-01 10:47 水之原 阅读(430) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.线性渐变 2.径向渐变 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS3 背景渐变功能,主要有两种渐变方式:线性渐变和径向(放射性)渐变。 一.线性渐变 CSS3 提供了 linear-gradient 属性实现背景颜色的渐变功能。在以前,这种效果必须采用图片才能实现的。首先 阅读全文
posted @ 2016-05-01 10:08 水之原 阅读(472) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.文本阴影 2.文本裁剪 3.文本描边 4.文本填充 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS3 中文本效果,其中也包含一些之前讲过的 CSS3 文本属性。 一.文本阴影 CSS3 提供了 text-shadow 文本阴影效果,这个属性在之前讲过,只是没有涉及浏览器支持情 阅读全文
posted @ 2016-05-01 09:42 水之原 阅读(344) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.CSS3 前缀 2.长度单位 rem 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 在发展中实行标准化的一些问题,重点探讨 CSS3 中新属性前缀问题和新的单位 rem。 一.CSS3 前缀 在 CSS3 的很多新属性推出时,这些属性还处在不太稳定的阶段,随时可能被剔除。而 阅读全文
posted @ 2016-05-01 09:00 水之原 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.颜色和透明度 2.盒子阴影和轮廓 3.光标样式 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 其他剩下几个常用的样式,包括颜色、透明度、盒子的阴影轮廓以及光标的样式。 一.颜色和透明度 颜色我们之前其实已经用的很多了,比如字体颜色、背景颜色、边框颜色。但除了背景颜色和边框颜 阅读全文
posted @ 2016-05-01 08:43 水之原 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.表格样式 2.列表样式 3.其他功能 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 表格和列表,通过表格和列表的样式设置,让表格和列表显示更加多元化。 一.表格样式 表格有五种独有样式,样式表如下: 1.border-collapse table { border-coll 阅读全文
posted @ 2016-04-30 11:35 水之原 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.设置背景 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 边框和背景,通过边框和背景的样式设置,给元素增加更丰富的外观。 一.设置背景 盒模型的尺寸可以通过两种方式实现可见性,一种就是之前的边框,还有一种就是背景。 CSS 背景设置的样式表如下: 属性 说明 CSS 版本 b 阅读全文
posted @ 2016-04-30 10:54 水之原 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.声明边框 2.边框样式 3.圆角边框 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 边框和背景,通过边框和背景的样式设置,给元素增加更丰富的外观。 一.声明边框 边框的声明有三个属性设置,样式表如下: 属性 值 说明 CSS 版本 border-width 长度值 设置边框 阅读全文
posted @ 2016-04-30 10:20 水之原 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.元素可见性 2.元素盒类型 3.元素的浮动 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 盒模型,学习怎样了解元素的外观配置以及文档的整体布局。 一.元素可见性 使用 visibility 属性可以实现元素的可见性,这种样式一般可以配合 JavaScript 来实现效果。样 阅读全文
posted @ 2016-04-30 10:08 水之原 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.元素尺寸 2.元素内边距 3.元素外边距 4.处理溢出 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 盒模型,学习怎样了解元素的外观配置以及文档的整体布局。 一.元素尺寸 CSS 盒模型中最基础的就是设置一个元素的尺寸大小。有三组样式来配置一个元素的尺寸大小,样式表如下: 阅读全文
posted @ 2016-04-30 09:56 水之原 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.文本总汇 2.文本样式 3.文本控制 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小、样式以及文本的方位。 一.文本总汇 本节课,我们重点了解一下 CSS 文本样式中文本内容的一些设置方法,样式表如下: 属性名 说明 CSS 版本 阅读全文
posted @ 2016-04-30 09:29 水之原 阅读(328) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.字体总汇 2.字体设置 3.Web 字体 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小、样式以及文本的方位。 一.字体总汇 本节课,我们重点了解一下 CSS 文本样式中字体的一些设置方法,样式表如下: 属性名 说明 CSS 版本 阅读全文
posted @ 2016-04-30 09:05 水之原 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.颜色表方案 2.度量单位 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 颜色和度量单位等问题,包括颜色的选取方式、相对长度和绝对长度等。 一.颜色表方案 颜色的表现形式主要有三种方式:颜色名称、十六进制代码和十进制代码。 p { color: red; } 解释:这是将一个 阅读全文
posted @ 2016-04-29 23:24 水之原 阅读(475) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 选择器,通过选择器定位到想要设置样式的元素。目前 CSS 选择器的版本已经升级至第三代,即 CSS3 选择器。CSS3 选择器提供了更多、更丰富的选择器方式,主要分为 阅读全文
posted @ 2016-04-29 23:00 水之原 阅读(409) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.使用 CSS 2.三种方式 3.层叠和继承 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS(层叠样式表),它是用来对 HTML 文档外观的表现形式进行排版和格式化。 一.使用 CSS CSS 样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个 CSS 属性和属 阅读全文
posted @ 2016-04-28 20:34 水之原 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.实体 2.元数据 3.全局属性 主讲教师:李炎恢 本章主要探讨 HTML5 中的 HTML 实体、以及 HTML 核心构成的元数据,最后了解一下 HTML 中的全局属性。 一.实体 HTML 实体就是将有特殊意义的字符通过实体代码显示出来。 二.元数据 <meta>元素可以定义文档中 阅读全文
posted @ 2016-04-28 20:20 水之原 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.其他元素 2.输入验证 主讲教师:李炎恢 本章主要探讨 HTML5 中表单中剩余的其他元素,然后重点了解一下表单的输入验证功能。 一.其他元素 表单元素还剩下几个元素没有讲解,包括下拉框列表 select、多行文本框 textarea、和 output 计算结果元素。 元素名称 说明 阅读全文
posted @ 2016-04-26 23:35 水之原 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.type 属性总汇 2.type 属性解析 主讲教师:李炎恢 本章主要探讨 HTML5 中表单中 input 元素的 type 属性,根据不同的值来显示不同的输入框。 一.type 属性总汇 input 元素可以用来生成一个供用户输入数据的简单文本框。在默认的情况下,什么样的数据均可 阅读全文
posted @ 2016-04-26 22:55 水之原 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.表单元素总汇 2.表单元素解析 主讲教师:李炎恢 本章主要探讨 HTML5 中表单元素,表单元素用于获取用户的输入数据。 一.表单元素总汇 在 HTML5 的表单中,提供了各种可供用户输入的表单控件。 元素名称 说明 form 表示 HTML 表单 input 表示用来收集用户输入数 阅读全文
posted @ 2016-04-26 22:18 水之原 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.音频和视频概述 2.video 视频元素 3.audio 音频元素 主讲教师:李炎恢 本章主要探讨 HTML5 中音频和视频元素,通过这两个原生的媒体元素向 HTML 页面中嵌入音频和视频。 一.音频和视频概述 首先,我们要理解两个概念:容器(container)和编解码器(code 阅读全文
posted @ 2016-04-26 21:56 水之原 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.嵌入元素总汇 2.嵌入元素解析 主讲教师:李炎恢 本章主要探讨 HTML5 中嵌入元素,嵌入元素主要功能是把外部的一些资源插入到HTML 中。 一.嵌入元素总汇 这里所列出的元素,并非本节课全部涉及到,比如音频 audio、视频 video、以及动态图像 canvas 和媒体资源 s 阅读全文
posted @ 2016-04-26 21:39 水之原 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.文档元素总汇 2.文档元素解析 主讲教师:李炎恢 本章主要探讨 HTML5 中文档元素,文档元素的主要作用是划分各个不同的内容,让整个布局清晰明快。让整个布局元素具有语义,进一步替代 div。 一.文档元素总汇文档元素基本没有什么实际作用效果,主要目的是在页面布局时区分各个主题和概念 阅读全文
posted @ 2016-04-26 20:59 水之原 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.表格元素总汇 2.构建表格解析 主讲教师:李炎恢 本章主要探讨 HTML5 中表格元素的用法。表格的主要用途是以网格的形式显示二维数据。 一.表格元素总汇 表格的基本构成最少需要三个元素:<table>、<tr>、<td>,其他的一些作为可选辅助存在。 元素名称 说明 table 表 阅读全文
posted @ 2016-04-26 20:46 水之原 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.分组元素总汇 2.分组元素解析 主讲教师:李炎恢 本章主要探讨 HTML5 中分组元素的用法。所谓分组,就是用来组织相关内容的 HTML5 元素,清晰有效的进行归类。 一.分组元素总汇为了页面的排版需要,HTML5 提供了几种语义的分组元素。 元素名称 说明 p 表示段落 div 一 阅读全文
posted @ 2016-04-26 06:48 水之原 阅读(469) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.超链接的属性 2.相对与绝对路径 3.锚点设置 主讲教师:李炎恢 本章主要探讨 HTML5 中文本元素最重要的一个超链接,探讨它自身的属性以及路径问题。 一.超链接的属性 <a>元素属于文本元素,有一些私有属性或者叫局部属性。那么,相对应的还有通用属性或叫做全局属性。这方面的知识,后 阅读全文
posted @ 2016-04-26 06:34 水之原 阅读(362) 评论(0) 推荐(1) 编辑
摘要: 学习要点: 1.文本元素总汇 2.文本元素解析 主讲教师:李炎恢 本章主要探讨 HTML5 中的文本元素,所谓文本元素,就是将一段文本设置成相匹配的结构和含义。 一.文本元素总汇 HTML5 规范指出:使用元素应该完全从元素的语义出发。但是由于历史遗留及用户至上的原则,这种语义会宽松许多。 元素名称 阅读全文
posted @ 2016-04-26 06:12 水之原 阅读(424) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.HTML5 文档结构 2.文档结构解析 3.元素标签探讨 主讲教师:李炎恢 本章主要先从 HTML5 的文档结构谈起。 这些基础元素确定了 HTML 文档的轮廓以及浏览器的初始环境。几乎所有页面都必须首先键入这些元素。 一.HTML5 文档结构 1.第一步:打开 Sublime Te 阅读全文
posted @ 2016-04-25 07:37 水之原 阅读(425) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.HTML5 的历史 2.HTML5 的功能 3.HTML5 的特点 4.课程学习问题 主讲教师:李炎恢 HTML5 是继 HTML4.01 和 XHTML1.0 之后的超文本标记语言的最新版本。 它是由一群自由思想者组成的团队设计出来,并最终实现多媒体支持、交互性、更加智能的表单,以 阅读全文
posted @ 2016-04-24 23:33 水之原 阅读(476) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.案例内容 2.关于内容 主讲教师:李炎恢 本节课我们制作一下子案例栏目和关于栏目。 一.案例内容 //案例内容 1-4 个根据不同显示比例展示 //CSS 部分 二.关于栏目 //左右两栏即可 //CSS 部分 阅读全文
posted @ 2016-04-24 17:22 水之原 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.资讯内容 主讲教师:李炎恢 本节课我们制作一下子栏目资讯内容。 一.资讯内容 //谷歌浏览器解析的顺序调整,需要全部加载后执行 注:对于 Firefox 浏览器,可以按 Ctrl+Shift+M,调整移动端尺寸。 //子栏目标题 //栏目 CSS //资讯内容 //资讯内容 CSS 阅读全文
posted @ 2016-04-24 17:17 水之原 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.首页内容介绍[下] 主讲教师:李炎恢 本节课我们制作一下首页内容介绍的下半部分。 一.首页内容介绍[下] //先完成底部的 footer //底部 CSS //两段内容 //CSS 部分 //JS 控制垂直居中 阅读全文
posted @ 2016-04-24 17:11 水之原 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.首页内容介绍[上] 主讲教师:李炎恢 本节课我们轮播图的下方,设计一个内容介绍,内容介绍分两部分,本次为上半部分。 一.首页内容介绍[上] //关于上节课轮播图,手册上其实有一个更好的方案,并不需要通过额外的代码控制。 //内容介绍上 //对应的 CSS 部分 阅读全文
posted @ 2016-04-24 17:05 水之原 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.响应式轮播图 主讲教师:李炎恢 本节课我们要在导航条的下方做一张轮播图,自动播放最新的重要动态。 一.响应式轮播图 //响应式轮播图 //所需要的 jQuery 控制 //调整轮播器箭头位置 //所需要的 CSS 阅读全文
posted @ 2016-04-24 17:00 水之原 阅读(505) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.响应式导航 主讲教师:李炎恢 本节课我们开始设计第一个项目, 一个内训公司的企业网站, 本节课学习响应式导航部分。 一.响应式导航 //基本导航组件+响应式 阅读全文
posted @ 2016-04-24 16:54 水之原 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 学习要点: 1.附加导航插件 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 中的附加导航插件。 一.附加导航 附加导航即粘贴在屏幕某处实现锚点功能。 //基本实例 //导航的 CSS 部分 //JavaScript 代替 data-spy="affix" data-offset-to 阅读全文
posted @ 2016-04-24 16:48 水之原 阅读(341) 评论(1) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 12 下一页