摘要：
边框、外边距和内边距 有3种属性可以控制例子的外观 分别是外边距maring，边框border，内边距padding 它们的值的大小会影响外观，在浏览器上显示的位置。 当内边距增大时，盒子的外观会变大。 设置内边距的示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 阅读全文
摘要：
盒子的宽和高 盒子的大小通过宽和高来指定。 默认情况下，盒子的大小刚好容纳其中的内容。 两个属性设置盒子的宽和高 width 设置宽 height 设置高 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html> <htm 阅读全文
摘要：
font-family CSS的font-family属性可以指定（选择）字体。 语法： 1 font-family: Gill Sans Extrabold, sans-serif; 1 font-family: Gill Sans Extrabold, sans-serif; 1 font-fa 阅读全文
摘要：
粗体 font-weight 属性可以设置文本的粗细。 它有两个属性: normal 普通粗细 bold 粗文本 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html> <html lang="en"> <head 阅读全文
摘要：
字体有些术语需要了解。 衬线字体 衬线字体指的是有衬线的字体，又称为有衬线体、衬线字、曲线描边字，俗称白体字。 衬线指的是字形笔画末端的装饰细节部分。 衬线字体便于阅读，通常用于长篇文本。 常见的衬线字体有： Lucida Bright, Lucida Fax, Palatino, "Palatin 阅读全文
摘要：
前景颜色通常是字体的颜色，使用color属性。 背景颜色使用属性backgroud-color。颜色可以使用RGB表示，也可以使用十六进制表示，也可以使用颜色名称表示，还可以使用HSL表示，还可以使用RGBA表示。 示例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 阅读全文
摘要：
术语和概念在理科学习非常重要。CSS中有些关键的术语的。 对比度 对比度是指前景色和背景色之间的差距。当前景颜色和背景色之间的对比度较低时，文本就难以阅读。这对视觉障碍或色盲来说更严重。 透明度 透明度可以让颜色透明。 CSS中表示透明度的方式有两个： 一是opacity，它的值在0.0~1之间。 阅读全文
摘要：
color属性可以指定HTML文本的颜色。 HTML的颜色采用以下3种方式表示。 RGB值 使用红色、绿色、蓝色等不同比例表示，如 1 rgb(100,90,90) 1 rgb(100,90,90) 1 rgb(100,90,90) rgb(100,90,90) 值在0~255之间。 十六进制编码 阅读全文
摘要：
CSS选择器种类很多，CSS选择器的作用是将CSS规则应用于HTML文档中特定的元素 选择任意元素 可以使用星号（*）来表示”任意元素“。 示例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!DOCTYPE html> <html lang="en"> 阅读全文
摘要：
CSS 语法也叫CSS规则，则选择器和一组声明组成。 选择器指向的HTML元素，包含元素名，元素的属性如class、ID等。 声明块包含由分号分隔的一个或多个声明。 每个声明包括CSS属性名称和一个值，以冒号隔开。 一个CSS声明以分号结束，声明块是用大括号包围。 上面的示例中，将标题1改为红色，字 阅读全文
摘要：
CSS是一个描述HTML文档的样式语言。 CSS描述HTML元素的显示方式。 本教程将教你CSS从基础到网页布局，学完本教程，可以设计出漂亮的网站。 本教程需要HTML知识为基础，学习HTML前往《HTML 教程》 CSS是什么？ 层叠样式表（英语：Cascading Style Sheets，简写 阅读全文
摘要：
在html5中使用视频，只要添加元素<video></video>元素表示。 <video>有几个属性： src 指定音频文件的路径 poster 视频播放之前显示的图片 width 指定播放器宽度 height 指定播放器高度 controls 是否显示播放器控件 autoplay 是否自动播放 阅读全文
摘要：
有一些字符用于编写HTML代码并作为HTML的保留字符，如左尖括号和右尖括号。 为了更好的在页面中显示这些特殊的符号，可以使用转义符。 这些转义符由万维网联盟定制，参考查询 https://dev.w3.org/html5/html-author/charref 阅读全文
摘要：
<meta>元素位于<head>元素中半包含着所在页面的相关信息。 这些信息用户看不到，专门给浏览器看的。 <meta>元素常见属性说明： 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html> <head> <title>页面信 阅读全文
摘要：
内联框架就像在你的网页里分割的小窗口，可以网页中看到另一个网页。 iframe的全称是inline frame。 在html中内联框架使用<iframe></iframe>元素表示。 内联框架通常用在网页中插入地图。 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTY 阅读全文
摘要：
HTML5引入了几个以验证的表单组件，可以在表单提交前对数据进行验证。 这个几个表单组件是： 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <!DOCTYPE html> <html> <head> <title>HTML5表单< 阅读全文