http://www.hqbdqn.com

WEB前端培训

 计算机培训网专注于IT培训,免费发布java培训、人工智能培训、python培训、大数据培训、PHP培训、web前端培训、软件测试培训、产品经理培训、智能机器人软件开发培训等多门IT培训课程,提供java培训、python培训、大数据培训、人工智能培训等IT培训服务,致力于培养优秀程序员!

最新发布

响应式 Web 设计 – 框架
div+css

响应式 Web 设计 – 框架

阅读(50) 作者(计算机培训网)

响应式 Web 设计 - 框架 本章节为大家介绍响应式 Web 设计框架 Bootstrap。 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web...

响应式 Web 设计 – 视频(Video)
div+css

响应式 Web 设计 – 视频(Video)

阅读(54) 作者(计算机培训网)

响应式 Web 设计 - 视频(Video) 使用 width 属性 如果 width 属性设置为 100%,视频播放器会根据屏幕大小自动调整比例: 实例 video { width: 100%; height: auto; } 尝试一下 » 注意在以上实例中,视频...

响应式 Web 设计 – 图片
div+css

响应式 Web 设计 – 图片

阅读(100) 作者(计算机培训网)

响应式 Web 设计 - 图片 使用 width 属性 如果 width 属性设置为 100%,图片会根据上下范围实现响应式功能: 实例 img { width: 100%; height: auto; } 尝试一下 » 注意在以上实例中,图片会比它的原...

响应式 Web 设计 – 媒体查询
div+css

响应式 Web 设计 – 媒体查询

阅读(184) 作者(计算机培训网)

响应式 Web 设计 - 媒体查询 媒体(media)查询在 CSS3 上有介绍:CSS3 @media 查询。 使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。 实例 如果浏览器窗口小于 500px, 背景将变为...

响应式 Web 设计 – 网格视图
div+css

响应式 Web 设计 – 网格视图

阅读(74) 作者(计算机培训网)

响应式 Web 设计 - 网格视图 什么是网格视图? 很多网页都是基于网格设计的,这说明网页是按列来布局的。 使用网格视图有助于我们设计网页。这让我们向网页添加元素变的更简单。...

响应式 Web 设计 – Viewport
div+css

响应式 Web 设计 – Viewport

阅读(182) 作者(计算机培训网)

响应式 Web 设计 - Viewport 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的...

CSS3 圆角
div+css

CSS3 圆角

阅读(192) 作者(计算机培训网)

CSS3 圆角 CSS3 圆角 使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。 CSS3 圆角制作器 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 -webkit- 或 -moz- 前面的...

CSS 实例
div+css

CSS 实例

阅读(91) 作者(计算机培训网)

CSS 实例 CSS背景 设置页面的背景颜色 设置不同元素的背景颜色 设置一个图像作为页面的背景 错误的背景图片 如何在水平方向重复背景图像 如何定位背景图像 一个固定的背景图片(这...

CSS 总结
div+css

CSS 总结

阅读(179) 作者(计算机培训网)

你已经学习了CSS, 下一步学习什么呢? CSS 总结 本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。 你已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边...

CSS 网页布局
div+css

CSS 网页布局

阅读(80) 作者(计算机培训网)

CSS 网页布局 网页布局 网页布局有很多种方式,一般分为以下几个部分: 头部区域、菜单导航区域、内容区域、底部区域 。 头部区域 头部区域位于整个网页的顶部,一般用于设置网页...

CSS 计数器
div+css

CSS 计数器

阅读(91) 作者(计算机培训网)

CSS 计数器 CSS 计数器通过一个变量来设置,根据规则递增变量。 使用计数器自动编号 CSS 计数器根据规则来递增变量。 CSS 计数器使用到以下几个属性: counter-reset - 创建或者重置计数器...

CSS 表单
div+css

CSS 表单

阅读(192) 作者(计算机培训网)

CSS 表单 一个表单案例,我们使用 CSS 来渲染 HTML 的表单元素: CSS 实例 input [ type = text ] , select { width: 100 % ; padding: 12 px 20 px ; margin: 8 px 0 ; display: inline-block ; border: 1 px solid #ccc ; border-r...

CSS 属性选择器
div+css

CSS 属性选择器

阅读(57) 作者(计算机培训网)

CSS 属性 选择器 具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意: IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选...

CSS 媒体类型
div+css

CSS 媒体类型

阅读(147) 作者(计算机培训网)

CSS 媒体类型 媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。  媒体类型 一些 CSS 属性只设计了某些媒体。例...

CSS 图像拼合技术
div+css

CSS 图像拼合技术

阅读(194) 作者(计算机培训网)

CSS 图像拼合技术 图像拼合 图像拼合就是单个图像的集合。 有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。 使用图像拼合会降低服务器的请求数量,并节省带...

CSS 图像透明/不透明
div+css

CSS 图像透明/不透明

阅读(85) 作者(计算机培训网)

CSS 图像 透明/不透明 使用CSS很容易创建透明的图像。 注意: CSS Opacity属性是W3C的CSS3建议的一部分。 更多实例 创建透明图像 - 悬停效果 创建一个具有文本的拥有背景图像的透明框 实例...

CSS 图片廊
div+css

CSS 图片廊

阅读(102) 作者(计算机培训网)

CSS 图片廊 以下是使用CSS创建图片廊: 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 图片廊 以下是使用 CSS 创建图片廊: 实例 div class...

CSS 提示工具(Tooltip)
div+css

CSS 提示工具(Tooltip)

阅读(99) 作者(计算机培训网)

CSS 提示工具(Tooltip) 本文我们为大家介绍如何使用 HTML 与 CSS 来创建提示工具。 提示工具在鼠标移动到指定元素后触发,先看以下四个实例: 头部显示 提示框文本 右边显示 提示框文本...

CSS 下拉菜单
div+css

CSS 下拉菜单

阅读(99) 作者(计算机培训网)

CSS 下拉菜单 使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。 下拉菜单实例 实例演示 1 文本下拉菜单 菜鸟教程 www.runoob.com 实例演示 2 下拉菜单 菜鸟教程 1 菜鸟教程 2 菜鸟教程...

CSS 导航栏
div+css

CSS 导航栏

阅读(187) 作者(计算机培训网)

CSS 导航栏 垂直 主页 新闻 联系 关于 水平 主页 新闻 联系 关于 主页 新闻 联系 关于 导航栏 熟练使用导航栏,对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥...

CSS 伪元素
div+css

CSS 伪元素

阅读(165) 作者(计算机培训网)

CSS 伪元素 CSS伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法: selector:pseudo-element {property:value;} CSS类也可以使用伪元素: selector.class:pseudo-element {property:value;} :first-line 伪...

CSS 伪类
div+css

CSS 伪类

阅读(193) 作者(计算机培训网)

CSS 伪类(Pseudo-classes) CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class:pseudo-class {property:value;} anchor伪类...

CSS 组合选择符
div+css

CSS 组合选择符

阅读(181) 作者(计算机培训网)

CSS 组合选择符 CSS 组合选择符 组合选择符说明了两个选择器直接的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元...

CSS 布局 – 水平 & 垂直对齐
div+css

CSS 布局 – 水平 & 垂直对齐

阅读(133) 作者(计算机培训网)

CSS 布局 - 水平 垂直居中对齐 元素居中对齐 要水平居中对齐一个元素(如 div), 可以使用 margin: auto; 。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度,并将两边的空...

CSS Float(浮动)
div+css

CSS Float(浮动)

阅读(59) 作者(计算机培训网)

CSS Float(浮动) 什么是 CSS Float(浮动)? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。 Float(浮动),往往是用于图像,但它在布局时一样非常有用。...