html
文章平均质量分 57
橘子爱吃香菜
这个作者很懒,什么都没留下…
展开
-
面向对象——自定义小球碰壁反弹
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <style type="text/css"> .wrap{ width: 500px; he.原创 2022-03-02 14:51:19 · 244 阅读 · 0 评论 -
HTML基础知识(十一)——渐变
渐变:本质上是一种背景图,支持所有的背景图样式设置渐变分为两种: 线性渐变,径向渐变。一、线性渐变区域控制: (方向,color1 位置百分比01,color2 位置百分比02,…………) 渐变色的百分比,表示颜色所出现的位置,在每个颜色位置之间,进行颜色渐变融合 如果两个颜色的位置重合,将不在有渐变效果。 left,red 10%,blue 20%,yellow 50%,yellow 70%,green 100%...原创 2021-10-15 22:04:25 · 2526 阅读 · 0 评论 -
HTML+css实现小车行驶及掉头
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-10-15 21:55:31 · 445 阅读 · 0 评论 -
HTML基础知识(十)——动画帧
<!-- 动画关键帧 @keyframes 名称{ 0%{} …………………… 100%{} } @keyframes 名称{ from{} ……………… to{} } --> <!-- animation 动画控制属性 动画名称 animation-name; 动画时间...原创 2021-10-15 21:53:21 · 527 阅读 · 0 评论 -
HTML基础知识(九)——H5新增特性
一、background(背景)1、background,是个复合属性,包含color,image,repeat,position。2、background-size (背景图像的尺寸)background-size:lenght|percentage|contain|cover;lenght: 设置背景图像的高度和宽度,第一个值设置宽度,第二个值设置高度。percentage: 以父元素的宽高来设置背景图像的宽高,第一个值设置宽度,第二个...原创 2021-10-15 21:47:36 · 622 阅读 · 0 评论 -
HTML基础知识(八)——H5新增选择器
一、基础选择器1、通配符选择器[*]2、d选择器3、class选择器(类选择器)4、标签选择器(元素选择器)5、属性选择器[attribute]:用于选取带有指定属性的元素[attribute=value:用于选取带有指定元素和值的元素][attribute~=value]:用于选取属性值中包含指定词汇的元素。[attribute|=value]:用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。...原创 2021-10-15 21:20:37 · 1209 阅读 · 0 评论 -
HTML基础知识(七)——HTML新增标签及新增规范
一、HTML5 新增的标签(一)、新的多媒体元素1、audio标签定义声音,比如音乐或其他音频流。目前支持三种文件格式:MP3,Wav,Ogg; Ogg格式在以下浏览器支持(chrome,safari,Firefox, Opera)。2、video标签定义视频,比如视频片段或其他视频流。3、source标签允许规定两个视频/音频文件让浏览器根据它对媒体类型或者解码器的支持进行选择。4、embed一个容器,用来嵌入外部应用或者互动程序(组件), 经常被用来加载swf文件(.原创 2021-10-15 20:53:50 · 390 阅读 · 0 评论 -
HTML基础知识(六)——表格与表单
一、表格1、table标签table布局是通过table标签来作为父容器展现tr:表格行table标签属性:border(边框)、cellspacing(单元格距离)、cellspacing(单元格间距)2、表格标题:caption3、表头:thead4、th和tdth:一般应用在表格头部分td:作为表格主体内容部分单元格的表示。二、表单1、form标签常用属性(1)action...原创 2021-10-15 20:23:09 · 122 阅读 · 0 评论 -
HTML基础知识(五)——position定位
一、定位1、常见的定位布局有float布局,position布局,flex(弹性盒子)布局。position布局,定位布局。2、定位布局:定位指的是指定一个元素在网页上的位置;3、一共有5种定位方式,也就是说position属性主要有五个值:(1)static(2)relative(3)fixed(4)absolute(5)sticky (...原创 2021-09-15 09:01:21 · 13310 阅读 · 0 评论 -
HTML基础知识(四)——浮动
一、浮动布局(一)功能1、布局方向:(1)垂直方向(2)水平方向水平方向受限,需要设置宽度;在水平方向布局的时候出现两个问题:间隙问题(font-size:0)和行对齐问题(vertical-align)。2、浮动布局可以让水平排列变简单,浮动的初衷是用来解决文字环绕;*原来代码:需要设置display:inline-align转换类型和给父元素设置font-sise:0px,然后给子元素恢复字体大小和对...原创 2021-09-10 09:30:45 · 4113 阅读 · 0 评论 -
HTML基本知识(三)——常见标签、样式、rem与em及其px
一、常见标签 1、块元素中可以嵌套块元素和行元素(P标签不能嵌套块元素和行元素) 2、标题标签(h1-h6) a、自带margin8px b、一个文档只允许有一个h1标签 c、h2标签一个文档只能有三个 3、p标签: a、作用:告知搜索引擎,该标签中,放的是大段文字。内部只能放文字,不能放其他(block、inline) 4、语义化标签:与最终渲染效果无关,标签在页面上的渲染效果只与对应样式有关 ...原创 2021-09-09 08:47:46 · 355 阅读 · 0 评论 -
HTML基础知识(二)——文字相关、display
(一)文字相关 1、字体 (1)字体大小:font-size 浏览器默认字体大小16px 最小12px (2)字体颜色:color color:十六进制/RGB/系统提供(red等) (3)字体加粗:font-weight 取值: font-weight:100/200/300/...原创 2021-09-09 08:43:47 · 277 阅读 · 0 评论 -
html基本属性一:background
(一)background 1、background-imge:背景图片基本用法: (1)本地图片:background-imge:url('图片地址') (2)在线图片 background-imge:url(./../imge:背景图片) 2、背景平铺:background-repeat (1)b...原创 2021-09-03 08:42:45 · 11376 阅读 · 0 评论 -
HTML盒模型
一、margin(外边距)1、margin的作用:通过margin来移动盒子默认布局情况下,页面的元素排列是按照从左向右,从上向下2、水平方向:margin-left:将盒子自身向右推margin-right:盒子自身不动,将水平方向上的相邻盒子向右推3、垂直方向 margin-top:将盒子自身下推...原创 2021-08-30 16:17:21 · 287 阅读 · 0 评论 -
HTML选择器
一、标签的本质在HTML文档中通过标签,将超文本引入文档。 html的编写过程: 1、学习将设计图翻译成标签 2、学习如何通过css给标签设置样式,最终完成整个页面开发。(一)标签在html中扮演的角色1.div是标签名 2.style是指标签的属性,用来设置样式 3."="称为“赋值” 4.复制号右侧的内容,是属性的值 赋值号左侧是属性的名称 ...原创 2021-08-26 19:41:30 · 361 阅读 · 0 评论 -
HTML代码初始及规范
一、计算机基础(一)什么是程序1、程序(通俗):按照一定实现编写好流程和顺序进行执行的事件 2、程序包括两个部分:编写、执行 exp:剧本和演员、菜谱和厨师、婚策和主持人 3、计算机程序:计算机文档、执行器(决定计算机文档的类型) 4、html的执行器为浏览器,c——gcc;java——jre(二)什么是HTML开发1、HTML开发就是:编写以.html结尾的文档,交给浏览器执行 ...原创 2021-08-26 19:29:42 · 292 阅读 · 0 评论 -
HTML初识
<!--documenttype文档语言版本类型--><!DOCTYPEhtml><!--标签--><!--html:根标签——双标签--><!--language语言en=english--><htmllang="en"><!--网页基本信息设置--><!--头部--><head><!--meta:...原创 2021-08-25 20:15:56 · 71 阅读 · 0 评论 -
VScode安装和初识
一、安装1、搜索:vscode2、两个任意都可以二、初识一、左侧: exporler(资源管理器) reveal in finder(mac) 在finder中预览文件 reveal in file exporler 在FileExporeler(文件处理器) search(搜索) run and debug(运行和测试) extension(扩展) manage(设置) color theme(主题颜色...原创 2021-08-25 20:12:05 · 153 阅读 · 0 评论