摘要:
边框、外边距和内边距 有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表单< 阅读全文