一些HTML元素对显示有影响。当浏览器遇到元素时,它将更改内容显示的方式。
代码元素是其中之一。 当浏览器遇到代码元素时,将使用固定宽度的字体显示包含的内容。
现在强烈建议不要使用HTML元素来管理演示文稿。
您应该使用HTML元素来定义...
AI君
2年前 (2020-02-22) 58℃
0喜欢
您可以通过 Ainoob 的测验程序来测试您的 CSS 技能。
关于本测验
本测验包含 20 道题,每道题的最长答题时间是 20 分钟(这是由于每个 session 的默认有效时间是 20 钟)。
本测验是非官方的测试,它仅仅提供了一...
AI君
2年前 (2020-02-22) 60℃
0喜欢
CSS 实例
CSS背景
设置页面的背景颜色
设置不同元素的背景颜色
设置一个图像作为页面的背景
错误的的背景图片
如何在水平方向重复背景图像
如何定位背景图像
一个固定的背景图片(这个图片不会随页面的其余部分滚动)
在一个声明的所有背...
AI君
2年前 (2020-02-22) 56℃
0喜欢
HTML5&CSS课程列表
为了帮助广大学习者,做到学以致用,我们为大家准备了大量的CSS编程实战题,通过这些实战题,您可以一边学习一边操作,来达到巩固学习的作用。
请选择你喜欢的实战提,开始进行编程闯关。
CSS 样式的...
AI君
2年前 (2020-02-22) 61℃
0喜欢
响应式 Web 设计 – 框架
本章节为大家介绍响应式 Web 设计框架 Bootstrap。
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIP...
AI君
2年前 (2020-02-22) 61℃
0喜欢
响应式 Web 设计 – 视频(Video)
使用 width 属性
如果 width 属性设置为 100%,视频播放器会根据屏幕大小自动调整比例:
实例
video { width: 100%; heigh...
AI君
2年前 (2020-02-22) 59℃
0喜欢
响应式 Web 设计 – 图片
使用 width 属性
如果 width 属性设置为 100%,图片会根据上下范围实现响应式功能:
实例
img {
width: 100%;
...
AI君
2年前 (2020-02-22) 59℃
0喜欢
响应式 Web 设计 – 媒体查询
媒体(media)查询在 CSS3 上有介绍:CSS3 @media 查询。
使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。
实例
如果浏览器窗口小于 500px, 背...
AI君
2年前 (2020-02-22) 54℃
0喜欢
响应式 Web 设计 – 网格视图
什么是网格视图?
很多网页都是基于网格设计的,这说明网页是按列来布局的。
使用网格视图有助于我们设计网页。这让我们向网页添加元素变的更简单。
响应式网格视图通常是 12 列,宽度为10...
AI君
2年前 (2020-02-22) 64℃
0喜欢
响应式 Web 设计 – Viewport
什么是 Viewport?
viewport 是用户网页的可视区域。
viewport 翻译为中文可以叫做”视区”。
手机浏览器是把页面放在一个虚拟的R...
AI君
2年前 (2020-02-22) 58℃
0喜欢
CSS 实例
CSS背景
设置页面的背景颜色
设置不同元素的背景颜色
设置一个图像作为页面的背景
错误的的背景图片
如何在水平方向重复背景图像
如何定位背景图像
一个固定的背景图片(这个图片不会随页面的其余部分滚动)
在一个声明的所有背景属...
AI君
2年前 (2020-02-22) 64℃
0喜欢
你已经学习了CSS,下一步学习什么呢?
CSS 总结
本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。
你已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框,并定义元素的填充和边距。
同时,你也学会了如...
AI君
2年前 (2020-02-22) 57℃
0喜欢
CSS 属性 选择器
顾名思义,CSS 属性选择器就是指可以根据元素的属性以及属性值来选择元素。
具有特定属性的HTML元素样式
具有特定属性的HTML元素样式不仅仅是class和id。
注意:IE7和IE8需声明!DOCTY...
AI君
2年前 (2020-02-22) 57℃
0喜欢
CSS 媒体类型
媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏览器等等。
媒体类型
某些 CSS 属性仅仅被设计为针对某些媒介。比方说 “voice-family&#...
AI君
2年前 (2020-02-22) 58℃
0喜欢
CSS 图像拼合技术
图像拼合
图像拼合就是单个图像的集合。
有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。
使用图像拼合会降低服务器的请求数量,并节省带宽。
图像拼合 – 简单实例
与其使用三个独立的图...
AI君
2年前 (2020-02-22) 59℃
0喜欢
CSS 图像透明/不透明
使用CSS很容易创建透明的图像。
注意:CSS Opacity属性是W3C的CSS3建议的一部分。
更多实例
创建透明图像 – 悬停效果
创建一个具有文本的拥有背景图像的透明框
实例1 ...
AI君
2年前 (2020-02-22) 58℃
0喜欢
CSS 图片廊
以下是使用CSS创建图片廊:
添加图片描述
添加图片描述
添加图片描述
添加图片描述
图片廊
T以下是使用CSS创建图片廊:
实例
<html>
<head>
&l...
AI君
2年前 (2020-02-21) 69℃
0喜欢
CSS 下拉菜单
使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。
下拉菜单实例
实例演示 1
文本下拉菜单
Ainoob教程
www.w3cschool.cn
实例演示 2
下拉菜单
Ainoob HT...
AI君
2年前 (2020-02-21) 59℃
0喜欢
CSS 导航栏
导航栏
熟练使用导航栏,对于任何网站都非常重要。
使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。
导航栏=链接列表
作为标准的HTML基础一个导航栏是必须的。
在我们的例子中我们将建立一个标准的HTML...
AI君
2年前 (2020-02-21) 59℃
0喜欢
CSS 伪元素
CSS伪元素是用来添加一些选择器的特殊效果。
CSS伪元素控制的内容和元素是没有差别的,但是它本身只是基于元素的抽象,并不存在于文档中,所以称为伪元素。
语法
伪元素的语法:
selector:pseudo-el...
AI君
2年前 (2020-02-21) 60℃
0喜欢