摘要:
链接:页面中,用户能点击,并且能够实现页面跳转的操作,都是一个链接标签 标签:<a></a> HTML属性: href:链接的url网址 target:设置网页打开的方式:取值固定:2个 - 可以提升用户的体验感 1、_self:当前页面中打开,默认 2、_blank:在新标签页打开一个网址 nam 阅读全文
posted @ 2021-08-16 13:38
rigorous
阅读(391)
评论(0)
推荐(0)
摘要:
格式:jpg(普通、有损压缩啦)、png(高清图)、gif(动图、非常模糊)... 图片标签:<img> HTML属性: src:引入图像的路径(1、绝对路径 2、相对路径) width:可以设置图片的宽度 - 设置图片的宽度时会等比缩放,高度也会跟着变化 height:可以设置图片的高度 如果同时 阅读全文
posted @ 2021-08-16 13:37
rigorous
阅读(1692)
评论(0)
推荐(0)
摘要:
路径的两种形式: 1、绝对路径:2种情况 1、本机上的资源 从盘符开始 C盘 D盘...往下一步一步的找下去: 比如:d:/课件/01html5basic/HTML5基础02/笔记.txt 注意:1、使用/ 不使用\ 2、尽量的不要出现中文(放在服务器端有可能会出问题) - 说白了去文件名尽量的不要 阅读全文
posted @ 2021-08-16 13:36
rigorous
阅读(592)
评论(0)
推荐(0)
摘要:
URL:Uniform Resource Locator 统一 资源 定位器 俗称:路径:就是一个文件到另一个文件的位置 经过的路线 阅读全文
posted @ 2021-08-16 13:35
rigorous
阅读(496)
评论(0)
推荐(0)
摘要:
<details> <summary>标题</summary> ... </details> 阅读全文
posted @ 2021-08-16 13:34
rigorous
阅读(99)
评论(0)
推荐(0)
摘要:
<mark></mark> 阅读全文
posted @ 2021-08-16 13:33
rigorous
阅读(79)
评论(0)
推荐(0)
摘要:
<meter min="" max="" value=""></meter> 阅读全文
posted @ 2021-08-16 13:32
rigorous
阅读(92)
评论(0)
推荐(0)
摘要:
1、表单的作用:用于显示、收集信息,并且将收集到的信息提交给服务器 2、表单的组成: 1、表单元素:<form></form> 2、若干表单控件组成 3、表单元素:<form></form> 属性: 1、action(必须的、暂时不需要) 定义服务器端处理表单数据的地址 暂时可以省略不写,默认提交到 阅读全文
posted @ 2021-08-16 13:31
rigorous
阅读(496)
评论(0)
推荐(0)
摘要:
1、H5新提供标签: 1、视频:<video src="视频路径" controls="显示出控制器" loop="循环播放">你的浏览器不支持(老IE)</video> 强调:controls 和 loop 不需要写出属性值,默认属性值和属性名相同可以省略 H5新提供的一切内容,老IE(6/7/8 阅读全文
posted @ 2021-08-16 13:30
rigorous
阅读(78)
评论(0)
推荐(0)
摘要:
1、CSS3提供的:媒体查询 媒体:设备:PC/PAD/PHONE/TV... 可以使用css对设备进行一个查询,对不同的设备设置不同的css样式 - 使用起来可能略微有点点麻烦,以后才会简化 如何使用: @media screen and (min-width: 1280px ) {/*最小宽度只 阅读全文
posted @ 2021-08-16 13:23
rigorous
阅读(87)
评论(0)
推荐(0)
摘要:
什么是响应式网页? 响应式网页:一套网页,可以再手机端或PC端或pad都可以无障碍的阅读 阅读全文
posted @ 2021-08-16 13:21
rigorous
阅读(99)
评论(0)
推荐(0)
摘要:
1、使用动画:2步 1、创建动画 创建关键帧:当前元素的几个关键状态,当设置好关键帧后,动画就可以将几个关键帧连起来播放,并且使用过度的效果 语法:@keyframes 动画名称{ 0%{ css属性名:css属性值; ... } 50%{ css属性名:css属性值; ... } 100%{ cs 阅读全文
posted @ 2021-08-16 13:20
rigorous
阅读(93)
评论(0)
推荐(0)
摘要:
CSS3提供的过渡:一个样式到另一个样式之间,本身是瞬间改变的,而过渡可以让我们看到慢慢变过去的效果 语法:transition: 1s;//多少秒自己定义 过渡支持一切css属性,一定需要搭配上hover之类交互效果 过渡只支持:数值类型的操作 阅读全文
posted @ 2021-08-16 13:18
rigorous
阅读(78)
评论(0)
推荐(0)
摘要:
1、什么是转换 转换时时元素改变形状、位置、尺寸的一种效果 2、转换的分类 主要分为2d转换和3d转换 3、转换的属性: transform: 取值复杂; 2d转换属性的取值: 1、位移:让元素在x轴或Y轴进行移动 语法:transform: 1、translateX(具体的数值或者百分比) 2、t 阅读全文
posted @ 2021-08-16 13:17
rigorous
阅读(113)
评论(0)
推荐(0)
摘要:
1、表格常用样式属性 1、尺寸 2、内边距外边距 3、文本相关的 4、背景 5、边框 6、*文本、行内块垂直对齐方式:vertical-align: top/middle/bottom; 2、特有:只有在表格中才能使用 1、边框合并:border-collapse: collapse; 前提:要给t 阅读全文
posted @ 2021-08-16 13:14
rigorous
阅读(393)
评论(0)
推荐(0)
摘要:
1、***属性:display 取值:block - 块级 inline - 行内 inline-block - 行内块 none - 隐藏 注意强调: 1、display:inline-block,默认垂直方向是基线对齐,修改: vertical-align: top/middle/bottom 阅读全文
posted @ 2021-08-16 13:13
rigorous
阅读(122)
评论(0)
推荐(0)
摘要:
语法:cursor: 取值:pointer - 小手 text - I help - 鼠标后面跟着一个? wait - 转圈圈,正在加载的感觉 阅读全文
posted @ 2021-08-16 13:13
rigorous
阅读(111)
评论(0)
推荐(0)
摘要:
*color: 设置字体颜色 *text-align: left/center/right/justify(两端对齐) 本身是设置文本的水平对齐方式,但是行内和行内块元素也可以使用 *text-decoration: *none(无 去掉下划线)/underline/overline/line-th 阅读全文
posted @ 2021-08-16 13:10
rigorous
阅读(142)
评论(0)
推荐(0)
摘要:
1、兄弟选择器: <div> <p></p> <span></span> </div> 1、相邻兄弟选择器:要求:1、紧紧挨着的 2、后面的 3、只能找到一个 语法:+ 作为结合符 div+span: div后面紧紧挨着的span #d1+.d2: id为d1后面紧紧挨着的class为d2的元素 2 阅读全文
posted @ 2021-08-16 13:09
rigorous
阅读(118)
评论(0)
推荐(0)
摘要:
1、列表相关的样式:ul、ol、li的特有样式 1、列表项标志: 属性:list-style-type: 取值:none - 无标志 circle - 空心圆 disc - 实心圆 square - 方块 2、列表项图像: 属性:list-style-image 取值:url("图像路径") 使用列 阅读全文
posted @ 2021-08-16 13:07
rigorous
阅读(105)
评论(0)
推荐(0)