- 博客(24)
- 收藏
- 关注
RSS订阅原创 css3选择器
1.标签选择器1.标签选择器也成元素选择器，类型选择器，它直接使用元素的标签名当做选择器,将选择页面上所有的该种标签span{color:red;}p{color:red;}2.标签选择器的常见作用标签选择器“覆盖面”非常大，所以通常用于标签的初始化ul{ /*去掉无序列表的小圆点*/ list-style:none;}a{ /*去掉超链接的下划线*/ text-decoration:none;}2.id属性1.标签可以有id属性，是这个标签的唯一标识&l.
2022-01-18 19:32:41
326
原创 CSS的书写位置
1.内嵌式1.在学习css时，最常使用内嵌式，内嵌在.html文件中2.在标签对中，书写标签对，里面书写css语句<body> <h1>我是一个主标题</h1></body>css样式是：<style> h1{ color:red; }</style>2.外链式1.可以将css单独存为.css文件，然后使用<link标签引入它<link rel="stylesheet" hre.
2022-01-13 16:54:14
481
原创 css3简介
css(cascading style sheet,层叠式样式表)是用来给html标签添加样式的语言css3是css的最新版本，增加了大量的样式，动画，3D特效和移动端特性等前端三层结构层HTML搭建结构，放置部件，描述语义样式层CSS美化页面，实现布局行为层JavaScript实现交互效果，数据收发，表单验证等css使样式和结构分离1.html负责结构，css负责样式html和css怎么结合呢？1.“选择器”就是两者..
2022-01-13 16:21:21
615
原创 【无标题】表格标签table,tr,td
表格标签table, tr, td<body> <!-- table是表格的意思 border是为了让它的边界能被看到1就是1像素 --> <table border="1" width="500"> <caption>我是表格的标题，通常写在tr上面</caption> <!-- table row表格行 --> <tr> <.
2021-12-16 21:20:35
1476
原创 HTML5中新增的表单控件
更丰富的input种类type属性值控件color颜色选择控件date,time日期，时间选择控件––email电子邮件输入控件file文件选择控件––number数字输入控件range拖拽条––search搜索框url网址输入控件<body> <form> <p> 颜色选择控件: <.
2021-12-15 12:58:32
385
原创 基本控件1.-文本框,按钮
单行文本框1.使用type属性值被设置为text的<input元素可以创建单行文本框，input标签是一个单标签<input type="text">2.value属性表示已经填好的值<input type="text" value="123">3.placeholder属性表示提示文本，将以浅色文字写在文本框中，并不是文本框中的值<input type="text" placeholder="请输入姓名">4.disabled属性表示用户不.
2021-12-13 18:38:15
972
原创 表单的创建
表单是什么？表单用来收集信息，比如注册，登录，发送评论反馈，购买商品等等表单的创建1.所有HTML表单都已一个<form元素开始<form action="save.php" methed="post"></form>action属性表示表单要提交到的后台程序的网址method属性表示表单提交的方式，有get或post...
2021-12-13 16:57:04
1429
原创 语义化标签
span标签1.行内标签2.span标签是文本中的“区块标签”，本身没有任何特殊的显示效果，可以结合css来丰富样式b， u， i 标签充满浓浓的“样式”意味，已经被css取代，但是在网页中也可以表示需要强调的文本标签说明b加粗u加下划线i倾斜strong， em， mark标签标签说明strong代表特别重要的文字em代表强调文字mark文字会加黄色背景标记，可以通过css来更换颜色figur.
2021-12-13 13:24:12
193
原创 音频和视频
音频在浏览器中插入音频需要使用**<audio标签**，兼容到IE9<audio controls src="音频地址">抱歉您的浏览器不支持audio标签，请升级浏览器</audio>cintrols显示播放控件 标签中的文字是对不兼容audio标签的浏览器显示的文字，浏览器版本低会出现这个字，浏览器版本高就不出现了常用音频格式mp3和ogg<audio src="music/wellspring.mp3" controls>请升级浏览器&.
2021-12-12 16:46:19
2413
原创 超级链接a标签
超级链接1.超级链接是将网页和网页连接到一起的方法，是互联网成“网”的原因2.使用a标签制作超级链接 <a href="2.html">去第二个网页</a> a是anchor(锚)的首字母 href是hypertext reference超文本引用href支持相对路径和绝对路径<a href="web/2.html">去第二个网页</a><a href="https://www.imooc.com">去慕课</a>.
2021-12-12 16:09:40
354
原创 网页图片image
| 格式 |说明 ||.bmp|位图||.gif | 动图 ||.jpg|有损压缩图片,静图 ||-.png-|-便携式网络图像，用于logo,北京图形等，支持透明和半透明-|| .svg |矢量图片|.webp|最新的压缩算法非常优秀的图片格式 |图片的绝对路径：描述图片精准地址（比如：北京市海淀区西三环北路甲2号院中关村国防科技园2号楼）绝对路径是以https开头不管网页在哪，绝对路径不会改变相对路径：描述图片的相对地址(比如：在左前方100米等)...
2021-12-12 14:28:45
414
1
原创 JavaScript 3.4数据类型
ECMAScript中有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object, Object本质上是由一组无序的名值对组成的.3.4.1 （typeof） 操作符，来检测给定变量的数据类型var age = 18; // number age1 = '18'; // string age2 = true; // boolean age5 = null; // object .
2021-03-23 17:01:30
95
原创 JavaScript 3.3变量
(ECMAScript的变量是松散类型的，所谓松散类型就是可以用来保存任何类型的数据)//定义变量时要使用var操作符（注意var是一个关键字），后跟变量名（即一个标识符）// var message;// 用var操作符定义的变量将成为定义该变量的作用域中的局部变量。// 如果在函数中使用var定义一个变量，那么这个变量在函数退出后就会被销毁function test() { var carName = 'aa'; console.log(carName); .
2021-03-23 16:48:20
93
原创 JavaScript3.2 关键字和保留字
3.2 关键字和保留字// JavaScript引擎中使用关键字作标识符，会导致“Identifier Expected”(需要标识符)错误。//而使用保留字作标识符可能会也可能不会导致相同的错误，具体取决于特定的引擎。 var true = true; //报错 var boolean = 12; // 12 // 没报错，这取决于特定的引擎； var if; // 报错 var for; // 报错 var function; // 报错 var this, with.
2021-03-22 19:25:55
112
原创 JavaScript语法
3.1.1 区分大小写 var test = 123; //123 var Test = 1234; // 1234 大写Test和小写test是两个不同的变量3.1.2 标识符/* 1.第一个字符必须是一个字母、下划线（_）或一个美元符号（$）,但不能是数字； 2.其他字符可以是字母、下划线、美元符号或数字。 */var _123 = 123; // 123 // 第一个字符可以是下化线； var t$34 = true; /.
2021-03-22 19:23:03
78
原创 JavaScript中判断条件之布尔值
true–真， false–假<style> #box { width: 200px; height: 200px; background-color: red; } </style></head><body> <button id="btn">点击</button> <div id="box"></div> <script&g.
2021-03-18 10:54:34
2393
原创 JavaScript中常见属性
常用属性：id,className,value,style(background,color,width,height,cssText),innerHTml,href,src,tagName1.href值和src值获取到的是绝对路径2.style是行间属性（cssText会替换掉当前所有的行间属性）3. class是关键字，的改成className来获取4. tagname获取到的是大写字母 <!--className属性 --> <div id="box" class.
2021-03-18 10:48:41
713
原创 JavaScript中函数调用
函数调用<style> #box { width: 100px; height: 100px; background: red; } </style><body> <button id="btn1">按钮1</button> <button id="btn2">按钮2</button> <div id="box"></div&g.
2021-03-17 09:41:00
91
原创 JavaScript中绑定点击事件及修改属性
绑定点击事件及修改属性 document.getElementById('btn').onclick = function () { document.getElementById('btn').style.background = 'red'; } onclick - 点击 function() {点击后要做的事情} - 函数 修改元素的样式 style 样式 .
2021-03-17 09:38:30
2695
原创 JavaScript中获取元素的两种方法
第一种方法，通过Id来获取<body> <button class='box' id='btn'>按钮</button> <script> var btn = document.getElementById('btn') // 获取元素通过id console.log(btn) /* document.getElementById() - 通过 id 进行获取 - 如果获.
2021-03-16 12:10:27
371
原创 JavaScript for循环与数组的碰撞 （冒泡排序和插入排序）
冒泡排序第一位数和第二位数相比较，如果第一位数大于第二位数，则第一位数冒出来，冒到第二位的位置，从而进行一个从小到大的排序。var temp ;for(var i = 0; i <= arr.length; i++) { // 双重 for 循环保证了每一个数据之间都进行了比较，依次冒泡； for(var j = 0; j <= arr.length; j++) { if(arr[j] > arr[j+1]) { temp = arr[j]; .
2021-03-14 22:40:56
163
原创 JavaScript for循环试题训练
1. 求和: 1-1000内所有奇数和偶数分别的和var oddSum = 0, evenSum = 0;for (var i = 1; i <= 1000; i++) { if (i % 2 === 0) { // 偶数总和 evenSum += i; } else { //奇数总和 oddSum += i; }}console.log('1-1000内奇数总和为' + evenSum + '偶数总和为' + oddSum)2. 筛选：筛选出所有跟七有.
2021-03-13 19:45:33
739
原创 JavaScript 关于for循环的学习
求奇偶数for (var i = 1; i <= 200; i++) { console.log((i % 2 === 0 ? '偶数' : '奇数') + i)}求偶数个数var sum = 0;for (var i = 1; i <= 10; i++) { if (i % 2 === 0) { sum = sum + 1; // sum++ }}console.log(sum + '个偶数');求10以内所有奇数相加var sum = 0.
2021-03-11 22:43:35
153
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人