![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
scralet-moon
这个作者很懒,什么都没留下…
展开
-
边框,背景,边距,溢出
css边框属性border:宽度 样式 颜色;border-color;border-style; 边框样式:solid实线,dotted点状线,dashed虚线border-width:所有边框设置宽度border-left-color:设置左边框的颜色border-left-style:设置左边框的样式border-left-width:设置左边框的宽度,CSS3的样式b...原创 2018-11-29 10:18:36 · 237 阅读 · 0 评论 -
HTML段落,换行,字符实体
html段落 标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开,代码如下: ```html<!DOCTYPE html>HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超 文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的 标签组成,用这种语言制作的文件保...原创 2018-11-28 20:48:25 · 1138 阅读 · 0 评论 -
HTML插入图片
html图片<img>标签可以在网页上插入一张图片,它是独立使用的标签,通过“src”属性定义图片的地址,通过“alt”属性定义图片加载失败时显示的文字,以及对搜索引擎和盲人读屏软件的支持。title属性是鼠标划上去显示的内容<img src="images/pic.jpg" alt="产品图片" title="这是产品图片" />绝对路径和相对路径像...原创 2018-11-28 20:49:17 · 12192 阅读 · 1 评论 -
HTML链接
< a >标签可以在网页上定义一个链接地址,通过href属性定义跳转的地址,通过title属性定义鼠标悬停时弹出的提示文字框。<a href="#"></a> <!-- # 表示链接到页面顶部 --><a href="http://wxedtech.com/" title="跳转的无限空间">原创 2018-11-28 20:49:55 · 1698 阅读 · 0 评论 -
HTML列表
无序列表在网页上定义一个无编号的内容列表可以用< ul >、< li >配合使用来实现,代码如下:<ul> <li>列表文字一</li> <li>列表文字二</li> <li>列表文字三</li></ul&a原创 2018-11-28 20:50:29 · 192 阅读 · 0 评论 -
HTML表格
table常用标签表格由 < table > 标签来定义。每个表格均有若干行(由 < tr > 标签定义),每行被分割为若干单元格(由 < td > 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。1、table标签:声明一个表格2、tr标签:定义表格中...原创 2018-11-28 20:51:05 · 73 阅读 · 0 评论 -
HTML表单
表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,实现一个特定功能的表单区域(比如:注册)。首先应该用< form >标签来定义表单区域整体,在此标签中再使用不同的表单控件来实现不同类型的信息输入。accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。action 规定向何处提交表单的地址(URL)(提交页面)。auto...原创 2018-11-28 20:51:34 · 83 阅读 · 0 评论 -
Css基本语法及页面引用
CSS代码出现在三个地方<!DOCTYPE html><html> <head> <meta charset='utf-8' /> <style> ... /* 2. 内嵌样式. 写在 head标签中的 style标签中间 */ </st...原创 2018-11-28 20:52:16 · 99 阅读 · 0 评论 -
Css选择器
CSS代码用来修饰 HTML元素. 要用CSS代码设置样式, 首先要选中HTML元素. 用来选中 元素的 代码称为 选择器, 或 选择符. html元素是指, 标签与标签包裹内容的整体. 常用的选择器有如下几种:1、标签选择器标签选择器,此种选择器影响范围大. 举例: ```html *{margin:0;padding:0} div{color:red}...原创 2018-11-28 20:52:47 · 94 阅读 · 0 评论 -
Css颜色,文本字体
css颜色表示法颜色名表示,比如:red 红色,gold 金色 16进制数值表示,比如:#ff0000 表示红色,这种可以简写成 #f00 RGB颜色: 红(R)、绿(G)、蓝(B)三个颜色通道的变化 background-color: rgb(200,100,0); RGBA颜色: 红(R)、绿(G)、蓝(B)、透明度(A) background-color: rgba(0,0,0...原创 2018-11-28 20:53:22 · 905 阅读 · 0 评论 -
ajax是什么?
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。AJAX 是一种在 2005 年由 Google 推广开来的编程模式。AJAX 不是一种新的编程语言,而是一种使用现有标准的新方法。通过 AJAX,你可以创建更好、更快以及更友好的 W...原创 2018-12-07 19:31:47 · 223 阅读 · 0 评论 -
jquery选择器
jquery用法思想 选择某个网页元素,然后对它进行某种操作jquery选择器 jquery选择器可以快速地选择元素,选择规则和css样式相同基础选择器//通过id来获取元素 document.getElementById();// $('#logo').css('border','solid 2px red');//通过标签名来获取元素// $('li').css('bac...原创 2018-12-05 15:29:19 · 65 阅读 · 0 评论 -
jQuery元素操作
通过jQuery可以操作控制元素的样式,文本,属性等jquery样式操作css操作行内样式// 获取div的样式$("div").css("width");$("div").css("color");//设置div的样式$("div").css("width","30px");$("div").css("heig原创 2018-12-05 15:29:52 · 99 阅读 · 0 评论 -
相关尺寸
获取元素相对于文档的偏移量var pos = $('#small').offset();// console.log(pos.left);// console.log(pos.top);获取当前元素相对于父级元素的偏移量var l = $('#small').position().left;var t = $('#small').position().top;//...原创 2018-12-05 15:30:21 · 121 阅读 · 0 评论 -
jquery关于事件操作
事件绑定1.基本绑定$(element).click(function(){})$(element).dblclick(function(){})加载完毕事件$(document).ready(function(){})$(function(){})2.方法绑定$(element).bind('click', function(){})//绑定事件$(...原创 2018-12-05 15:31:31 · 118 阅读 · 0 评论 -
jquery元素节点操作
创建节点var $div = $('<div>');var $div2 = $('<div>这是一个div元素</div>');插入节点 差异在于语法:内容和选择器的位置 1、append()和appendTo() append():方法在被选元素的结尾(仍然在内部)插入指定内容。 appendTo():方法在被选元素的结尾(仍然在内部)插入指定内...原创 2018-12-05 15:32:05 · 143 阅读 · 0 评论 -
js数学对象Math
//四舍五入var res = Math.round(5.921);//获取最大值var res = Math.max(10,23,523,43,65,46,32,32);//获取最小值var res = Math.min(12312,324,32,42,3,23,412,4332,21,3,-1);//获取绝对值var res = Math.abs(-100);//退一...原创 2018-12-03 19:30:45 · 297 阅读 · 0 评论 -
js数组
数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。定义数组的方法//对象的实例创建var aList = new Array(1,2,3);//直接量创建var aList2 = [1,2,3,'asd'];new Array(size);参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。操作...原创 2018-12-03 09:42:35 · 335 阅读 · 0 评论 -
js对象
JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。在 JavaScript 中,对象是拥有属性和方法的数据。属性和方法属性是与对象相关的值。方法是能够在对象上执行的动作。举例:汽车就是现实生活中的对象。汽车的属性:car.name=Fiatcar.model=500car.weight=850kgcar.color=white...原创 2018-12-03 09:41:26 · 138 阅读 · 0 评论 -
css3 转换效果
CSS3 转换可以可以对元素进行移动、缩放、转动、拉长或拉伸。transform: 平移:translate(50px,100px) 根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。 旋转:rotate(30deg) 顺时针旋转的元素 缩放:scale(2,3) 转变宽度为原来的大小的2倍,和其原始大小3倍的高度<!DOCTYP...原创 2018-11-30 11:14:14 · 210 阅读 · 0 评论 -
JavaScript简介
学习前端脚本语言javascript的基本概念、页面引入方式、获取页面元素及操作元素属性的技巧,学习函数的基本定义方法和使用方法。前端三大块1、HTML:页面结构 2、CSS:页面表现:元素大小、颜色、位置、隐藏或显示、部分动画效果 3、JavaScript:页面行为:部分动画效果、页面与用户的交互、页面功能什么是JavaScript?JavaScript是运行在浏览器端的脚步语言...原创 2018-11-30 12:38:56 · 110 阅读 · 0 评论 -
js变量
JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定。定义变量需要用关键字 'var',不使用var关键字定义全局变量在严格模式下将会执行错误 "use strict";var a = 123;var b = 'asd';//同时定义多个变量可以用","隔开,公用一个‘var’关键字var c = 45,d='qwe',f='68';...原创 2018-11-30 12:39:32 · 186 阅读 · 0 评论 -
js数据类型转换
使用:Number()、parseInt() 和parseFloat() 做类型转换Number()强转一个数值(包含整数和浮点数)。*parseInt()强转整数,*parseFloat()强转浮点数函数isNaN()检测参数是否不是一个值为NaNisNaN(testValue)参数: testValue 要被检测的值 返回值: 如果给定的值为NaN则...原创 2018-11-30 12:40:12 · 121 阅读 · 0 评论 -
js运算符
如果把数字与字符串相加,结果将成为字符串。算 字 赋 比 逻 位 它算术运算符+ - * / ++ --字符串连接+例子: txt1="你好"; txt2="中国"; txt3=txt1+txt2;赋值运算= += -= %=例子:给定 x=10 和 y=5,下面的表格解释了赋值运算符:运算符 例子...原创 2018-11-30 12:44:23 · 86 阅读 · 0 评论 -
js流程控制
流程控制用于基于不同的条件来执行不同的动作。If 语句if... else ...if ... else if ... else...可以单分支,双分支,也可以多分支,需要注意 else if中间必须要有空格 ```javascript if (condition){ //当条件为 true 时执行的代码 }else{ //当条件不为 true 时执行的代码 }<...原创 2018-12-01 10:24:35 · 97 阅读 · 0 评论 -
js循环
程序中进行有规律的重复性操作,需要用到循环语句。break 和 continue 语句对循环中的代码执行提供了更严格的控制。for循环for (语句 1; 语句 2; 语句 3){被执行的代码块}语句 1 在循环(代码块)开始前执行语句 2 定义运行循环(代码块)的条件语句 3 在循环(代码块)已被执行之后执行例子:for(var i=0;i<l...原创 2018-12-01 10:25:10 · 84 阅读 · 0 评论 -
js元素获取与操作
可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量,比如: ```javascript``` **第二种方法:将javascript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行,就不会出错了。** ```javascript.... 这是一...原创 2018-12-01 10:25:49 · 407 阅读 · 0 评论 -
js定时器
通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流定时器类型及语法setInterval() - 间隔指定的毫秒数不停地执行指定的代码。语法 setInterval(code,milli...原创 2018-12-01 10:26:26 · 105 阅读 · 0 评论 -
HTML概述和基本结构
HTML是什么?http://www.w3school.com.cn/index.htmlHTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,h...原创 2018-11-28 17:53:56 · 77 阅读 · 0 评论 -
js函数
第一种是使用function语句定义函数 function abc(){ alert('abc'); } 第二种是在表达式中定义函数 var 函数名 = function(参数1,参数2,…){函数体}; 首先谈一下声明式://像声明变量一样,将通过function(){}标识符创建的匿名函数直接赋值给变量,以该变量作为调用函数名称 var a ...原创 2018-12-03 09:40:39 · 66 阅读 · 0 评论 -
js正则
正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串,正则表达式通常被用来检索、替换那些符合某个模式的文本声明方式首先是正则表达式的创建,有2种办法:使用RegExp的显式构造函数,语法为:new RegExp("pattern"[,"flags"])使用RegExp的隐式构造函数,采用纯文本格式:/pattern/[flags]patter...原创 2018-12-03 19:31:19 · 493 阅读 · 0 评论