CSS 网格布局
网格是一组相交的水平线和垂直线，它定义了网格的列和行。
CSS 提供了一个基于网格的布局系统，带有行和列，可以让我们更轻松地设计网页，而无需使用浮动和定位。
以下是一个简单的网页布局，使用了网格布局，包含六列和三行：
浏览器支持
目前最新的一些浏览器版本都支持网格布局。
57.0
16.0
52.0
10
44
网格元素
网格布局由一个父元素及一个或多个子元素组成。……继续阅读 »
3年前 (2022-05-15) 112浏览 0评论
0个赞
CSS3 框大小
#div1 {
width: 300px;
height: 100px;
border: 1px solid blue;
box-sizing: content-box;
}
#div2 {
width: 300px;
height: 100px;
padding: 50px;
border: 1px solid red;
bo……继续阅读 »
3年前 (2022-05-15) 231浏览 0评论
0个赞
#animated_div
{
width:76px;
height:47px;
background:#92B901;
color:#ffffff;
position:relative;
font-weight:bold;
font-size:20px;
padding:10px;
animation:animated_div 5s 1;
-moz-animation:animated_div 5s 1;
-web……继续阅读 »
3年前 (2022-05-15) 170浏览 0评论
0个赞
.animated_div
{
width:60px;
height:40px;
background:#92B901;
color:#ffffff;
position:absolute;
font-weight:bold;
font-size:15px;
padding:10px;
float:left;
margin:5px;
-webkit-transition:-webkit-transform 1s,opa……继续阅读 »
3年前 (2022-05-15) 258浏览 0评论
0个赞
#textshadow
{
text-shadow: 5px 5px 5px #FF0000;
font-size:30px;
}
#wordwrap
{
width:11em;
border:1px solid #000000;
word-wrap:break-word;
}
#normal
{
width:11em;
border:1px solid #00……继续阅读 »
3年前 (2022-05-15) 138浏览 0评论
0个赞
CSS3 背景
CSS3 背景
CSS3 中包含几个新的背景属性，提供更大背景元素控制。
在本章您将了解以下背景属性：
background-image
background-size
background-origin
background-clip
您还将学习如何使用多重背景图像。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
紧跟在 -webkit-, -ms- 或 -moz- 前的数……继续阅读 »
3年前 (2022-05-15) 121浏览 0评论
0个赞
CSS3 教程
CSS 用于控制网页的样式和布局。
CSS3 是最新的 CSS 标准。
本教程向您讲解 CSS3 中的新特性。
开始学习 CSS3!
CSS3 实例
div
{
transform:rotate(30deg);
}
点击 “尝试一下” 按钮查看在线实例。
CSS3 参考手册
在服务器技术教程中，我们提供完整的 CSS3 参考手册，包括所有属性和选择器的语法、实例……继续阅读 »
3年前 (2022-05-15) 147浏览 0评论
0个赞
HTML5 WebSocket
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
在 WebSocket API 中，浏览器和服务器只需要做一个握手……继续阅读 »
3年前 (2022-05-15) 261浏览 0评论
0个赞
#div1, #div2
{float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;}
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData(“Text……继续阅读 »
3年前 (2022-05-15) 207浏览 0评论
0个赞
HTML5 新元素
HTML5 新元素
自1999年以后HTML 4.01 已经改变了很多,今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。
为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如:
图形的绘制，多媒体内容，更好的页面结构，更好的形式
处理，和几个api拖放元素，定位，包括网页
应用程序缓存，存储，网络工作者，等。
<canvas……继续阅读 »
3年前 (2022-05-15) 169浏览 0评论
0个赞
HTML – XHTML
XHTML 是以 XML 格式编写的 HTML。
什么是 XHTML?
XHTML 指的是可扩展超文本标记语言
XHTML 与 HTML 4.01 几乎是相同的
XHTML 是更严格更纯净的 HTML 版本
XHTML 是以 XML 应用的方式定义的 HTML
XHTML 是 2001 年 1 月发布的 W3C 推荐标准
XHTML 得到所有主流浏览器的支持
为什么使……继续阅读 »
3年前 (2022-05-15) 167浏览 0评论
3个赞
HTML 速查列表
HTML 速查列表. 你可以打印它，以备日常使用。
HTML 基本文档
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>
<body>
可见文本…
</body>
</html>
基本标签（Basic Ta……继续阅读 »
3年前 (2022-05-15) 229浏览 0评论
2个赞
HTML 标签简写及全称
下表列出了 HTML 标签简写及全称：
标签
英文全称
中文说明
a
Anchor
锚
abbr
Abbreviation
缩写词
acronym
Acronym
取首字母的缩写词
address
Address
地址
alt
al……继续阅读 »
3年前 (2022-05-15) 131浏览 0评论
1个赞
你已经完成了 HTML 的学习，下一步该学习什么呢？
HTML 总结
本教程已教你如何使用 HTML 创建站点。
HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
HTML 的关键是标签，其作用是指示将出现的内容。
如需更多关于 HTML 的信息，请查看我们的 HTML 教程 和 HTML 参考……继续阅读 »
3年前 (2022-05-15) 81浏览 0评论
0个赞
HTML 统一资源定位器(Uniform Resource Locators)
URL 是一个网页地址。
URL可以由字母组成，如”runoob.com”，或互联网协议（IP）地址：
192.68.20.50。大多数人进入网站使用网站域名来访问，因为
名字比数字更容易记住。
URL – 统一资源定位器
Web浏览器通过URL从Web服务器请求页面。
当您点击 HTML 页面……继续阅读 »
3年前 (2022-05-15) 265浏览 0评论
0个赞
HTML 脚本
JavaScript 使 HTML 页面具有更强的动态和交互性。
在线实例
插入一段脚本
如何将脚本插入 HTML 文档。
使用 <noscript> 标签
如何应对不支持脚本或禁用脚本的浏览器。
HTML <script> 标签
<script> 标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，……继续阅读 »
3年前 (2022-05-15) 136浏览 0评论
0个赞
HTML 字符实体
HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。
HTML 实体
在 HTML 中，某些字符是预留的。
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。
字符实体类似这样：
&……继续阅读 »
3年前 (2022-05-15) 264浏览 0评论
0个赞
HTML 颜色名
目前所有浏览器都支持以下颜色名。
141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）。下表列出了所有颜色的值，包括十六进制值。
提示: 17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。点击其中一个颜色名称（或一个十六进制值）就可以查看与不同文字颜色搭配的背景颜色。
按颜色名排序
按十六进制的值排序
单击一个……继续阅读 »
3年前 (2022-05-15) 297浏览 0评论
0个赞
HTML 颜色值
颜色由红(R)、绿(G)、蓝(B)组成。
颜色值
颜色值由十六进制来表示红、绿、蓝（RGB）。
每个颜色的最低值为 0(十六进制为 00)，最高值为 255(十六进制为FF)。
十六进制值的写法为 # 号后跟三个或六个十六进制字符。
三位数表示法为：#RGB，转换为6位数表示为：#RRGGBB。
颜色实例
颜色
3位十六进制颜色值
6位十六进制颜色值
RGB
#000
#0……继续阅读 »
3年前 (2022-05-15) 219浏览 0评论
0个赞
HTML 框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。
iframe语法:
<iframe src="URL"></iframe>
该URL指向不同的网页。
iframe – 设置高度与宽度
height 和 width 属性用来定义iframe标签的高度与宽度。
属性默认以像素为单位, 但是你可以指定其按比例显示 (如：”80%”……继续阅读 »
3年前 (2022-05-15) 222浏览 0评论
0个赞
HTML 颜色
HTML 颜色由红色、绿色、蓝色混合而成。
颜色值
HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。
每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。
这个表格给出了由三种颜色混合而成的具体效果：
颜色值
颜色(Color)
颜色十六进制(Color HEX)
颜色RGB(Color RGB)
#00……继续阅读 »
3年前 (2022-05-15) 234浏览 0评论
0个赞
HTML 表单和输入
HTML 表单用于收集用户的输入信息。
HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。
在线实例
实例
以下实例创建了一个表单，包含两个输入框：
<form action="">
First name: <input type="text" name="firstname……继续阅读 »
3年前 (2022-05-15) 337浏览 0评论
0个赞
HTML <div> 和<span>
HTML 可以通过 <div> 和 <span>将元素组合起来。
HTML 区块元素
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
实例: <h1>, <p>, <ul>, <table>
HTML 内联元素
内联元……继续阅读 »
3年前 (2022-05-15) 328浏览 0评论
0个赞
HTML 布局
网页布局对改善网站的外观非常重要。
请慎重设计您的网页布局。
在线实例
使用 <div> 元素的网页布局
如何使用 <div> 元素添加布局。
使用 <table> 元素的网页布局
如何使用 <table> 元素添加布局。
网站布局
大多数网站会把内容安排到多个列中（就像杂志或报纸那样）。
大多数网站可以使用 <div> 或者 <……继续阅读 »
3年前 (2022-05-15) 281浏览 0评论
0个赞
HTML 图像
实例
Norwegian Mountain Trip
在线实例
插入图像
本例演示如何在网页中显示图像。
从不同的位置插入图片
本例演示如何将其他文件夹或服务器的图片显示到网页中。
（可以在本页底端找到更多实例。）
HTML 图像- 图像标签（ <img>）和源属性（Src）
在 HTML 中，图像由<img> 标签定义。
<img> 是空标签，意思是说，……继续阅读 »
3年前 (2022-05-15) 191浏览 0评论
0个赞
HTML 表格
HTML 表格实例:
First Name
Last Name
Points
Jill
Smith
50
Eve
Jackson
94
John
Doe
80
Adam
Johnson
67
在线实例
表格
这个例子演示如何在 HTML 文档中创建表格。
（可以在本页底端找到更多实例。）
HTML 表格
表格由 <table> 标签来定义。每个表格均有若……继续阅读 »
3年前 (2022-05-15) 185浏览 0评论
0个赞
HTML 列表
HTML 支持有序、无序和定义列表:
HTML 列表
有序列表
第一个列表项
第二个列表项
第三个列表项
无序列表
列表项
列表项
列表项
在线实例
无序列表
本例演示无序列表。
有序列表
本例演示有序列表。
（可以在本页底端找到更多实例。）
HTML无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表使用……继续阅读 »
3年前 (2022-05-15) 306浏览 0评论
0个赞
HTML 链接
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
尝试一下 – 实例
HTML 链接
如何在HTML文档中创建链接。
(可以在本页底端找到更多实例)
HTML 超链接（链接）
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来……继续阅读 »
3年前 (2022-05-15) 224浏览 0评论
0个赞
HTML <head>
查看在线实例
<title> – 定义了HTML文档的标题
使用 <title> 标签定义HTML文档的标题
<base> – 定义了所有链接的URL
使用 <base> 定义页面中所有链接默认的链接目标地址。
<meta> –
提供了HTML文档的meta标记
使用 <met……继续阅读 »
3年前 (2022-05-15) 225浏览 0评论
0个赞
HTML 样式- CSS
CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。
Look! Styles and colors
Manipulate Text
Colors, Boxes
and more…
尝试一下 – 实例
HTML使用样式
本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行……继续阅读 »
3年前 (2022-05-15) 278浏览 0评论
0个赞
