HTML5
文章平均质量分 76
SongYuLong的博客
学无止境
展开
-
CSS 盒模型与布局相关属性
盒模型与布局相关属性float属性float实现多栏布局clear属性clip属性overflow属性基础盒模型none值inline-table属性值list-item盒模型run-in 盒模型box-shadow对合模型添加阴影对表格及单元格添加阴影float属性<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html"/>原创 2022-03-11 18:30:51 · 396 阅读 · 0 评论 -
CSS大小、定位、轮廓相关属性
CSS大小、定位、轮廓相关属性大小相关属性box-sizingCSS3新增resize属性定位相关属性轮廓相关属性大小相关属性<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;"/> <title>大小相关属性</title> </head> <b原创 2022-03-10 17:29:23 · 308 阅读 · 0 评论 -
CSS背景、边框 和补丁相关属性
CSS背景、边框 和补丁相关属性背景属性背景图片定义:CSS3新增背景相关属性background-clip:background-origin:background-size:CSS3新增多背景图片边框相关属性CSS3渐变边框CSS3圆角边框CSS3图片边框补丁先关属性内补丁外补丁背景属性<!DOCTYPE html><html> <meta http-equiv="Content-Type" content="text/html;"/> <原创 2022-03-10 15:43:27 · 340 阅读 · 0 评论 -
CSS样式字体与文本相关属性
CSS样式字体与文本相关属性字体相关属性基本属性添加阴影添加多阴影微调字体大小颜色表示文本相关属性文本基本属性文本自动换行长单词和URL地址换行CSS3新增服务器字体字体相关属性基本属性<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html"/> <title> 字体相关属性设置 </tit原创 2022-03-04 17:36:03 · 324 阅读 · 0 评论 -
CSS3.0新增伪类选择器
CSS3.0新增伪类选择器结构性伪类选择器根节点子节点奇,偶个节点xn+y个节点UI元素状态伪类选择器浏览器专属的属性在脚本中修改样式结构性伪类选择器根节点<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html"/> <title> :root伪类选择器 </title>原创 2022-03-03 11:57:58 · 705 阅读 · 0 评论 -
CSS选择器
CSS选择器元素选择器属性选择器ID选择器对具有id属性值的HTML元素起作用对id为idValue的E元素起作用class选择器包含选择器子选择器兄弟选择器(CSS3新增)组合选择器伪元素选择器:first-letter:first-line元素选择器<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html" />原创 2022-03-02 15:16:45 · 532 阅读 · 0 评论 -
CSS选择器
CSS选择器CSS样式语法CSS样式语法Selector {property1: value1;property2: value2;}Selector(选择器):选择器决定该样式定义对哪些元素起作用。{property1: value1;}(属性定义):属性定义部分决定这些样式起怎样的作用(字体、颜色、布局等)。学习CSS主要分两个内容:选择器的定义方法、各种CSS属性定义。...原创 2022-02-26 18:18:41 · 128 阅读 · 0 评论 -
CSS基本用法
CSS基本用法链接外部样式文件导入外部样式文件使用内部样式定义使用内联样式链接外部样式文件outer.css/* 设置整个表格的背景色 */table { background-color: darkgoldenrod; width: 400px;}/* 设置单元格的背景色,字体等 */td { background-color: aliceblue; font-family: "楷体_GB2312"; font-size: 20pt; tex原创 2022-02-26 17:15:51 · 605 阅读 · 0 评论 -
VS Code HTML CSS JavaScript 插件
Visual Studio Code for HTML CSS JavaScriptLive Servervscode-iconsHTML CSS SupportLive ServerHTML页面浏览自动刷新vscode-icons图标Icon资源管理HTML CSS Support原创 2022-02-24 20:05:37 · 1226 阅读 · 0 评论 -
HTML5多媒体(音频、视频播放)
HTML5多媒体HTML5多媒体音频播放视频播放多文件播放音频播放器视频播放器HTML5多媒体音频播放<!DOCTYPE html><html> <head> <title>音频播放</title> </head> <body> <h2>音频播放</h2> <audio src="birds.mp3" contro原创 2022-02-22 14:47:28 · 4177 阅读 · 1 评论 -
HTML5 canvas叠加风格,线性渐变,圆形渐变,位图填充。。。
canvas风格控制选择叠加风格选择叠加风格<!DOCTYPE html><html> <head> </head> <body> 选择叠加风格:<select style="width: 160px" onchange="draw(this.value);";> <option value="source-over">source-over&原创 2022-02-21 17:49:42 · 1034 阅读 · 0 评论 -
HTML5新增canvas元素,坐标变换,路径结合使用
HTML5新增canvas元素,特效处理坐标变换,缩放,旋转绘制雪花坐标变换,缩放,旋转<!DOCTYPE html><html> <head> <meta http-equiv="Context-Type" context="text/html; charset=utf8"/> <title>坐标变换</title> </head> <body>原创 2022-02-18 20:31:44 · 173 阅读 · 0 评论 -
HTML5新增canvas元素基础用法
canvas简单示例 画矩形<!DOCTYPE html><html> <body> <canvas id="mc" width="800" height="1024" style="border: 1px solid red;"></canvas> <script type="text/javascript"> var canvas = doc原创 2022-02-18 20:01:28 · 225 阅读 · 0 评论 -
【HTML5新增客户端校验】
校验属性校验<!DOCTYPE html><html> <head> <title>校验</title> </head> <body> <form action="add"> 书名:<input type="text" name="name" required/><br> <.原创 2022-02-18 15:45:17 · 375 阅读 · 0 评论 -
【HTML5 文件读取操作】
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>读取文件</title> </head> <body> 浏览文件:<input type="file" id="file1".原创 2022-02-18 14:25:39 · 1196 阅读 · 0 评论 -
【HTML5新增属性与元素】
HTML5新增属性与元素新增属性与元素参考示例新增属性与元素参考示例<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;" /> <meta charset="utf8"/> <title>form属性</title> </head>原创 2022-02-17 11:28:39 · 397 阅读 · 0 评论 -
HTML表单
HTML表单HTML 表单元素和属性from表单button标签定义按钮列表框和下拉菜单textarea文本域HTML 表单元素和属性from表单<!DOCTYPE html><html> <head> <meta http-equiv="Content=Type" content="text/html; charset=utf-8" /> <title>form表单</title>原创 2022-02-16 20:19:44 · 242 阅读 · 0 评论 -
HTML5拖放API
只能拖不能放<!DOCTYPE html><html> <head> <title>可拖动</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <a href="http://www.fkjava..原创 2022-02-16 11:22:14 · 741 阅读 · 0 评论 -
HTML5 头部和元信息
<!DOCTYPE html><html><head> <!-- Expires:指定网页过期时间 --> <meta http-equiv="Expires" content="Sat Sep 22 16:16:30 CST 2022" /> <!-- Pragma指定禁止浏览器从本地磁盘缓存中调阅页面内容 --> <meta http-equiv="Pragma" conten.原创 2022-02-15 18:55:43 · 144 阅读 · 0 评论 -
HTML5新增常用元素
<!DOCTYPE html><html> <body> <article> <!-- 贴子的“头部” --> <header> <h1>学习上位机开发,必须先学习哪些语言?</h1> <div>作者:小红帽</div> <原创 2022-02-15 17:41:26 · 415 阅读 · 0 评论 -
HTML5新增属性
contentEditable:HTML5大部分元素都增加了contentEditable属性,true:元素内容可编辑,false:元素内容不可编辑;<!DOCTYPE html><html> <head> <title>HTML5 新增</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">原创 2022-02-15 16:27:53 · 252 阅读 · 0 评论 -
HTML5内联框架
<!DOCTYPE html><html> <head> <title>内联框架</title> <meta http-equiv="Content-Type" content="text/html; utf-8"> </head> <body> <p><b>内联框架</b></p> .原创 2022-02-15 14:49:08 · 272 阅读 · 0 评论 -
HTML5 表格相关标签
<!DOCTYPE html><html> <head> <title>表格相关标签</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style></style> </head> <body> .原创 2022-02-15 14:26:50 · 315 阅读 · 0 评论 -
HTML5 图像相关标签
<!DOCTYPE html><html> <head> <title>图像相关标签</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <!-- 添加背景图片 --> <body background="../static/c原创 2022-02-15 11:26:15 · 299 阅读 · 0 评论 -
HTML5 列表相关元素
:定义元序列表。可以指定id、style、class等属性,还可以指定onclick等事件。该元素只能包含子元素。:定义有序列表。可以指定id、style、class等属性,还可以指定onclick等事件。该元素只能包含子元素。另外还有三个属性:start:指定列表项的起始数字。默认是第一个,如1,A等。type:指定使用哪种类型的编号,1数字、A或a字母、I或i使用罗马数字。推荐原创 2017-06-08 22:35:45 · 549 阅读 · 0 评论 -
HTML5 超链接和锚点
:指定超链接所指定的另一个资源:指定使用框架集 来加载另一个资源,_self()自身,_blank(新窗口),_top(顶层框架),_parent(父框架) 等框架来加载资源。:指定目录URL所引用的媒体类型,默认为all。只有当指定了href属性时该属性才有效。:主要可以包含文本,图像,各种文本格式化元素和表单元素的内容。一个完整的URL格式:scheme://hos原创 2017-06-07 22:43:45 · 4703 阅读 · 0 评论 -
HTML5 语义相关元素标签
语义相关元素::用于表示一个缩写,title属性:该属性用于指定该缩写所代表的全称。:用于表示一个地址。浏览器通常会用斜体字显示所包含的文本。:用于定义一段长的引用文本,浏览器全使用缩进的方式显示这段引用文本。cite属性:指定该引用文本的网址URL。:用于定义一段短的引用文本。浏览器会为这段被引用的文本添加引号。:用于表示作品(一本书,一部电影等)的标题。通常浏览器会用斜体显原创 2017-06-07 22:06:28 · 367 阅读 · 0 评论 -
HTML5 基本语法
注:本文内容摘自《疯狂HTML5/CSS3/JavaScript讲义-李刚》从HTML4.01、XHTML到HTML5并没有革命性的升级,而是一种规范向习惯的妥协。BODY属性有onland原创 2017-06-01 22:47:14 · 1985 阅读 · 0 评论