03 2019 档案

CSS 边框
摘要：边框、外边距和内边距 有3种属性可以控制例子的外观 分别是外边距maring，边框border，内边距padding 它们的值的大小会影响外观，在浏览器上显示的位置。 当内边距增大时，盒子的外观会变大。 设置内边距的示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 阅读全文
posted @ 2019-03-22 11:56 乱世以外 阅读(233) 评论(0) 推荐(0)
CSS 盒子大小
摘要：盒子的宽和高 盒子的大小通过宽和高来指定。 默认情况下，盒子的大小刚好容纳其中的内容。 两个属性设置盒子的宽和高 width 设置宽 height 设置高 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html> <htm 阅读全文
posted @ 2019-03-22 11:55 乱世以外 阅读(3985) 评论(0) 推荐(0)
CSS 选用字体
摘要：font-family CSS的font-family属性可以指定（选择）字体。 语法： 1 font-family: Gill Sans Extrabold, sans-serif; 1 font-family: Gill Sans Extrabold, sans-serif; 1 font-fa 阅读全文
posted @ 2019-03-22 11:51 乱世以外 阅读(1232) 评论(0) 推荐(0)
CSS 字体风格
摘要：粗体 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 阅读全文
posted @ 2019-03-22 11:51 乱世以外 阅读(1547) 评论(0) 推荐(0)
CSS 字体术语
摘要：字体有些术语需要了解。 衬线字体 衬线字体指的是有衬线的字体，又称为有衬线体、衬线字、曲线描边字，俗称白体字。 衬线指的是字形笔画末端的装饰细节部分。 衬线字体便于阅读，通常用于长篇文本。 常见的衬线字体有： Lucida Bright, Lucida Fax, Palatino, "Palatin 阅读全文
posted @ 2019-03-22 11:50 乱世以外 阅读(824) 评论(0) 推荐(0)
CSS 背景颜色
摘要：前景颜色通常是字体的颜色，使用color属性。 背景颜色使用属性backgroud-color。颜色可以使用RGB表示，也可以使用十六进制表示，也可以使用颜色名称表示，还可以使用HSL表示，还可以使用RGBA表示。 示例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 阅读全文
posted @ 2019-03-22 11:48 乱世以外 阅读(335) 评论(0) 推荐(0)
CSS 颜色术语
摘要：术语和概念在理科学习非常重要。CSS中有些关键的术语的。 对比度 对比度是指前景色和背景色之间的差距。当前景颜色和背景色之间的对比度较低时，文本就难以阅读。这对视觉障碍或色盲来说更严重。 透明度 透明度可以让颜色透明。 CSS中表示透明度的方式有两个： 一是opacity，它的值在0.0~1之间。 阅读全文
posted @ 2019-03-22 11:47 乱世以外 阅读(593) 评论(0) 推荐(0)
CSS 颜色
摘要：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之间。 十六进制编码 阅读全文
posted @ 2019-03-22 11:46 乱世以外 阅读(240) 评论(0) 推荐(0)
CSS 选择器
摘要：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"> 阅读全文
posted @ 2019-03-22 11:45 乱世以外 阅读(167) 评论(0) 推荐(0)
CSS 语法
摘要：CSS 语法也叫CSS规则，则选择器和一组声明组成。 选择器指向的HTML元素，包含元素名，元素的属性如class、ID等。 声明块包含由分号分隔的一个或多个声明。 每个声明包括CSS属性名称和一个值，以冒号隔开。 一个CSS声明以分号结束，声明块是用大括号包围。 上面的示例中，将标题1改为红色，字 阅读全文
posted @ 2019-03-22 11:44 乱世以外 阅读(194) 评论(0) 推荐(0)
CSS 原理
摘要：CSS是一个描述HTML文档的样式语言。 CSS描述HTML元素的显示方式。 本教程将教你CSS从基础到网页布局，学完本教程，可以设计出漂亮的网站。 本教程需要HTML知识为基础，学习HTML前往《HTML 教程》 CSS是什么？ 层叠样式表（英语：Cascading Style Sheets，简写 阅读全文
posted @ 2019-03-22 11:43 乱世以外 阅读(489) 评论(0) 推荐(0)
HTML 视频
摘要：在html5中使用视频，只要添加元素<video></video>元素表示。 <video>有几个属性： src 指定音频文件的路径 poster 视频播放之前显示的图片 width 指定播放器宽度 height 指定播放器高度 controls 是否显示播放器控件 autoplay 是否自动播放 阅读全文
posted @ 2019-03-22 11:12 乱世以外 阅读(171) 评论(0) 推荐(0)
HTML 转义字符
摘要：有一些字符用于编写HTML代码并作为HTML的保留字符，如左尖括号和右尖括号。 为了更好的在页面中显示这些特殊的符号，可以使用转义符。 这些转义符由万维网联盟定制，参考查询 https://dev.w3.org/html5/html-author/charref 阅读全文
posted @ 2019-03-22 11:11 乱世以外 阅读(1039) 评论(0) 推荐(0)
HTML meta
摘要：<meta>元素位于<head>元素中半包含着所在页面的相关信息。 这些信息用户看不到，专门给浏览器看的。 <meta>元素常见属性说明： 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html> <head> <title>页面信 阅读全文
posted @ 2019-03-22 11:10 乱世以外 阅读(143) 评论(0) 推荐(0)
HTML iframe
摘要：内联框架就像在你的网页里分割的小窗口，可以网页中看到另一个网页。 iframe的全称是inline frame。 在html中内联框架使用<iframe></iframe>元素表示。 内联框架通常用在网页中插入地图。 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 <!DOCTY 阅读全文
posted @ 2019-03-22 10:43 乱世以外 阅读(328) 评论(0) 推荐(0)
HTML5表单
摘要：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表单< 阅读全文
posted @ 2019-03-22 10:42 乱世以外 阅读(130) 评论(0) 推荐(0)
表单
摘要：表单，用于前台与后台数据交互，用于收集用户信息。在移动互联网出现之前，一度是互联网/软件收集信息的热门途经。 表单可以录入单选文本、多行文本、密码、数字、日期、文件等数据。 form 在html中，用<form></form>元素表示表单。 表单有两个常用的属性： action 表示表单收集的信息给 阅读全文
posted @ 2019-03-10 14:55 乱世以外 阅读(190) 评论(0) 推荐(0)
表格
摘要：基本用法 在html中，使用<table>元素来表示表格。 表格需要多种元素同时使用。 <table>元素来创建表格。 <tr>元素表示行（tr是table row的意思）。 <td>元素表示每个单元格（td是 table data的意思）。 示例 1 2 3 4 5 6 7 8 9 10 11 1 阅读全文
posted @ 2019-03-09 16:43 乱世以外 阅读(185) 评论(0) 推荐(0)
图像
摘要：基本用法 在html中，使用<img>元素来表示图像，它常用的属性有src、alt、title。 src 属性告诉浏览器在哪里可以找到所需的图像，通常是一个相对的URL，可绝对的URL。 alt 属性告诉浏览器无法加载图片时显示的图片说明。 title 属性提示图片的相关附加信息。 示例 1 2 3 阅读全文
posted @ 2019-03-09 11:12 乱世以外 阅读(223) 评论(0) 推荐(0)
链接
摘要：链接可以从一个网页跳转到另一个网页。 在html中，使用<a></a>元素来表示链接。 <a></a>元素之间的内容用于显示说明，给用户看的。 跳转到另一个网页 1 2 <!-- 跳转到另一个页面 --> <a href="abbr.html">跳转到缩写词demo</a> 1 2 <!-- 跳转到 阅读全文
posted @ 2019-03-06 13:51 乱世以外 阅读(253) 评论(0) 推荐(0)
列表
摘要：有序列表 有序列表前带有数字，在html中有序列表使用<ol><li></li></ol>元素表示。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8 阅读全文
posted @ 2019-03-06 13:49 乱世以外 阅读(208) 评论(0) 推荐(0)
文本
摘要：结构化标记：可用来描述标题和段落的元素。 语义化标记：表达特定含义的标记。 标题 通常用于强调一篇文章。 html中有的标题有6个级别。 示例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html lang="zh"> <head> <m 阅读全文
posted @ 2019-03-06 13:41 乱世以外 阅读(205) 评论(0) 推荐(0)