html
朝去夜来
这个作者很懒,什么都没留下…
展开
-
html实现旋转木马效果
效果:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { perspective: 800px; } section { position: relative; width: 300px; height: 150px;.原创 2022-03-10 14:47:45 · 652 阅读 · 0 评论 -
html实现3D导航栏
效果:代码:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g..原创 2022-03-10 14:41:49 · 712 阅读 · 0 评论 -
html动画序列——实现长方形的运动
代码:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></titl原创 2022-03-10 14:36:58 · 440 阅读 · 0 评论 -
html的特殊字符
html里面,<>是包围关键词的符号,直接写的话在网页上不会显示,所以此类特殊字符我们需要用其他符号表示:空格 < <> >& &¥ ¥© © ® ®° °± ±× ×÷ &原创 2022-03-10 08:53:55 · 232 阅读 · 0 评论 -
html的边框设置
边框的写法:border: 边框的宽度 样式 颜色;边框的四种样式:solid dashed dotted doublesolid表示细线dashed表示线段组成的虚线dotted表示圆点组成的虚线double表示双线边框的每一条边也可以单独设置,若要单独设置一条边不一样,在整体设置后,另外再设置那条边即可。border-top,border-bottom,border-left,border-right就是边框的四条边border-width:上 下...原创 2021-08-28 22:52:43 · 33354 阅读 · 4 评论 -
用html写轮播图
先放代码和效果图再讲解<!doctype html><html><head lang="en"> <meta charset="utf-8"> <title>轮播图</title> <style> #pp2{ width:9999px; height:9999px; animation:switch 15s infinite; } #pp2>img{ float:原创 2021-08-28 22:29:54 · 28199 阅读 · 27 评论 -
html的背景图片设置
背景颜色:background-color,可用rgb、rgba、#off等进行设置背景图片:background-img,可用网址或图片存放地址进行设置平铺方式:background-repeat:repeat,在背景上只出现一张图片,没有设置宽高时全屏铺满background-repeat:repeat-x,横向铺满background-repeat:repeat-y,纵向铺满关联方式:background-attachment:scroll 默认backg...原创 2021-08-28 00:11:28 · 17505 阅读 · 0 评论 -
html简单网页分布设计
建议先往后翻看图,看有没有需要再看代码。我们首先要对网页的整体页面进行规划,分出区域,下面对大框架的区域分布写个例子:<!doctype html><html lang="en"><head> <title>div和span应用2</title> <meta charset="utf-8"> <style type="text/css"> .header{ background-color:原创 2021-08-27 23:46:18 · 1925 阅读 · 0 评论 -
行内元素和块级元素
<span>是文本级,用于修改网页中的局部信息div是容器级,用于基本布局span不独占一行,div独占一行span不能单独设置宽高,div可以文本级只能嵌套文字、图片、超链接;容器级可以嵌套所有标签常见容器级标签:div h ul ol dl li dt dd常见文本级标签:span p buis strong em ins del input块级元素:容器级+p文本元素:文本级-p行内块级元素:imgdisplay用于行内和块级的相互转换,原创 2021-08-27 23:38:55 · 149 阅读 · 0 评论 -
CSS样式
继承性:h1标签 文字大小、加粗无法继承a标签 颜色、下划线无法继承层叠性:越在后面层级越高,同一种标签会产生冲突id>类>通配符>标签>继承性>默认!improtent 加在;前,直接选中标签就近原则:标签越近,就显示什么margin-botton:10px 标签下方与另一个标签间隔10pxfloat:left float:right 浮动标签,向左向右margin:10p...原创 2021-08-27 23:09:57 · 134 阅读 · 0 评论 -
html的几种选择器
一、并集选择器就是把两个选择器写在一起,用逗号隔开。例如:.pp1,.pp2{}<DOCTYPE! html><html> <head> <title>第九题</title> <meta charset="utf-8"> <style> .pp1,.pp2{color:red;font-size:50px;} .ss1{font-weight:bolder;} </.原创 2021-08-24 00:12:28 · 22399 阅读 · 0 评论 -
html的文本设置和css里的字符设置
文本设置:已废除:<strong> </strong> 加粗<ins></ins> 下划线<emphasized> </emphasized> 倾斜 简写为<em><del> </del> 删除线目前使用的:<b> </b> 加粗<i> </i> 倾斜<u> </u> 下划线...原创 2021-08-23 23:06:37 · 289 阅读 · 0 评论 -
html制作跑马灯
在body内输入以下内容<marquee> 输入内容</marquee>在head内写个style<style> marquee{ width:200px; height:200px; bgcolor:red; }</style>这样简单的跑马灯就出来了。一下内容要添加在marquee标签内:指定跑马灯的方向是向上的:direction="up",左..原创 2021-08-23 21:02:11 · 8726 阅读 · 0 评论 -
html的隐藏下拉
模板:<details> <summary>标题</summary> <p>内容</p></details>例如: <details> <summary>人生哲理</summary> <p>事后控制不如事中控制,事中控制不如事前控制,可惜大多数的事业经营者均未能体会到这一点,等到错误的决策造成了重大原创 2021-08-23 20:27:08 · 472 阅读 · 0 评论 -
HTML插入视频和音频
一、插入视频src表示视频来源位置height表示视频高度autoplay表示视频自动播放loop表示循环播放controls表示进度控制条muted表示静音播放poster表示视频封面所用的图片路径video/mp4表示视频的格式例如:<videosrc="images\sp1.mp4"height="150px"autoplay="autoplay" loop="loop" controls="controls" poster="images\t3....原创 2021-08-22 00:14:04 · 19201 阅读 · 0 评论 -
Html的表单
一、表单基础内容:表单一般使用form标签包裹,每一个表单选项都用input表示text表示明文文本框,password表示暗文文本框,radio表示单选,checkbox表示复选框,check = "chcked"表示默认选择,应用于单选和复选button表示按钮,value表示按钮的名字reset表示重置按钮image表示图片submit表示提交,value表示提交键的名字date表示日期email表示邮箱number表示数字 表原创 2021-08-21 23:57:14 · 31705 阅读 · 21 评论 -
html的表格使用
table表示表格,align="center"表示居中,width表示宽度,height表示高度tr表示有几列,td表示有几行border="1"表示表格的线框,是双线,使用这个时,table和tr里不用设置颜色<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> &原创 2021-07-11 18:38:36 · 722 阅读 · 1 评论 -
html的基本结构、无序列表
一、html基本结构html是由haed和body组成的,就像一个人,是由头和身体组成的charset="utf-8"代表使用utf-8的编码title里面是这个网页要展示的网页名body里写的是网页内容<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <原创 2021-06-30 13:41:08 · 919 阅读 · 0 评论