![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML简介
文章平均质量分 82
((٩(//̀/́/)۶))
这个作者很懒,什么都没留下…
展开
-
CSS3盒子与DIV布局
CSS3中提出了盒子模型和新增盒子模型来完成对元素的直接定位,即能够为页面元素定义边框,并修饰内容距离,。从而优化文本内容的显示效果。div层div与span区别在包含方面div和span标记的作用相同。div和span标记二者的区别是,div是一个块级元素,其包含的元素会自动换行。span标记是一个行内标记,其前后都不会发生换行。div标记可以包含span标记元素,但是span标记一般不包含div标记。盒子模型盒子模型所以的页面元素都包含在一个矩形框内,称为盒子。盒子描述了元素及其属性在页面布原创 2021-02-03 21:59:47 · 798 阅读 · 0 评论 -
网页的定位与布局
定位方式定位属性如下表:定位属性含义position定义位置left指定元素横向距左部距离right指定元素横向距右部距离top指定元素纵向距顶部距离bottom指定元素纵向距底部距离z-index设置元素的层叠顺序width设置元素框宽度height设置元素宽高度overflow内容溢出控制clip剪切...原创 2021-02-03 20:50:33 · 204 阅读 · 0 评论 -
CSS3美化背景与边框
背景相关属性背景颜色background-color属性用于设置网页背景颜色,background-color属性接受任何任何有效的颜色值,默认背景颜色为透明(transparent)。语法格式如下:{background-color:transparent|color}背景图片background-image属性用于设置标记的背景图片,通常在标记< body>中应用,将图片用于整个主体中。语法格式如下:background-image:none|url(url)背景图片重复原创 2021-02-02 22:01:00 · 315 阅读 · 0 评论 -
CSS3美化表格和表单样式
表格基本样式表格边框样式border-collapse属性主要用来设置表格的边框是否合并为一个单一的边框,还是像在标准的HTML中那样分开显示。语法格式如下:border-collapse:separate|collapse其中separate是默认值,表示边框会被打开,不会忽略border-spacing和empty-cells属性;而collapse属性表示边框会合并为一个单一的边框,会忽略border-spacing和empty-cells属性。表格边框宽度border-width可以对原创 2021-01-26 22:04:29 · 706 阅读 · 0 评论 -
CSS字体与段落属性
字体属性字体font-familyfont-family属性用于指定文字字体类型,如宋体等等。使用语法如下:{font-family:name}{font-family:cursive|fantasy|monospace|serif|sans-serif}从上述中可以看出,font-family有两种声明方式,第一种使用name字体名称,按优先顺序排列,以逗号隔开,如果字体名称包含空格,则应使用引号括起;第二种声明方式使用所列出的字体序列名称,如果使用fantasy序列,将提供默认字体序列。字原创 2021-01-25 23:46:26 · 274 阅读 · 0 评论 -
CSS
CSS基础语法CSS样式表由若干条样式规则组成,这些样式规则可以应用到不同的元素或文档中来定义他们的显示效果。每一条样式规则有三部分构成:选择符(selector)、属性(property)、属性值(value)。基本格式如下:selector{property:value}解释:(1)selector可以采用多种形式,可以为文档中的HTML标记,也可以是XML文档中的标记。(2)property是选择符指定的标记所包含的属性。(3)value指定了属性的值。在HTML中使用CSS3的方法C原创 2021-01-21 22:28:35 · 107 阅读 · 0 评论 -
Web存储
Web存储本地存储和Cookies的区别在客户端存储数据在HTML5标准之前,Web存储信息需要Cookies来完成,但是Cookie不适合大量数据存储,因为它们由每个对服务器的请求来传递,这使得Cookies速度很慢,而且效率也不高。因此,在HTML中,Web存储API为用户如何在计算机或设备上存储用户信息做了数据标准的定义。本地存储和Cookies的区别本地存储是仅存储在用户的硬盘上并等待用户读取,而Cookies是在服务器上读取的。本地存储供客户端使用,如果需要服务器端根据存储数值做出反映,原创 2021-01-20 19:27:59 · 78 阅读 · 0 评论 -
HTML5绘制图形
绘制图形canvas概述绘制基本形状canvas概述添加canvas元素< canvas>标记是一个矩形区域,包含两个属性width和height。在网页中常用的形式如下:<canvas id="myCanvas" width="300" height="200" style="border:1px solid #c3c3c3;">..........</canvas>注意:画布canvas本身不具有画图功能,只是一个容器。使用canvas和Jav原创 2021-01-20 16:48:02 · 193 阅读 · 0 评论 -
表单,音频、视频
表单、音频、视频使用表单表单概述表单基本元素使用表单高级元素使用HTML5中的音频和视频< audio>标记< video>标记音频和视频中的方法音频和视频中的属性使用表单表单概述表单主要用于收集网页上浏览者相关信息。其标记为< form>< /form>,基本格式如下:<form action="url" method="get|post" enctype="mime"></form>action指定处理提交表单的格式,他原创 2021-01-19 21:58:51 · 143 阅读 · 0 评论 -
超链接与表格 HTML
超链接与表格用HTML5建立超链接URL的概念URL的格式URL的类型超链接标记< a >设置文本和图片的超链接设置以新窗口显示的超链接页面创建热点区域浮动框架iframe创建表格用HTML5建立超链接URL的概念URL为”Uniform Resource Locator”的缩写,通常翻译为“统一资源定位器”。也即是网址。URL的格式URL有四部分组成,即“协议”,“主机名”,“文件夹名”和文件名。例如:http://www.webDesign.com/pages/computer.h原创 2021-01-19 17:33:47 · 323 阅读 · 1 评论 -
HTML文本与图像
HTML5网页中的文本和图形添加文本文本的分类:普通文本和特殊字符文本普通文本指的是汉字或在键盘上可以输出的字符。body标记部分直接输入。特殊文字符号以“&”开头,以“;”结尾,中间为相关字符编码。如下表:注意:尽量不要使用多个 ;来表示多个空格。特殊文本样式1)重要文本通常是以粗体显示、强调方式显示或加强方式显示,分别对应< b>,< em>,< strong>;举例:<!DOCTYPE html >原创 2021-01-18 19:45:15 · 215 阅读 · 0 评论 -
HTML
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-01-17 21:32:57 · 197 阅读 · 0 评论