- 博客(24)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 HTML笔记
一、HTML简介1、HTML是什么?HTML:hyper text markup language 超文本标记(标签)语言有各种标签组成,用来制作网页,告诉浏览器该如何显示页面2、作用制作网页,控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过连接来检索信息使用表单获取用户的信息,实现交互3,、版本W3C:world wide web consortium万维网联盟,制定web技术相关标准和规范的组织,HTML就是由W3C制定的标准两个版本:HTML 4.0.1、HTML5.0
2020-06-29 00:07:49
204
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 CSS简介
一、CSS简介1.什么是CSSCSS:Cascading Style Sheet 层叠样式表是一组样式设置规则,用于控制页面的外观样式2.为什么使用CSS·实现内容与样式的分离,便于团队开发 样式复用,便于网站的后期维护·页面的精确控制,让页面更精美3.CSS作用·页面外观美化·布局和定位二、基本用法1.CSS语法选择器:要修饰的对象(东西属性名:修饰对象的哪个属性(样式属性值:样式的取值2.CSS应用方式也称为CSS引用方式,有三种方式:内部样式、行内样式、外部样式2.1
2020-06-28 18:50:31
383
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 JavaScript入门
JavaScript一、JavaScript简介什么是JavaScript?JavaScript简介JS,由网景分公司开发的客户端脚本语言,不需要编译,可以直接执行补充:机器语言(0,1代码)-----汇编语言(助记符)------高级语言( ① 解释 ②编译)高级语言---->编译obj目标程序文件---->连接link.exe可执行性文件解释:·结构层HTML,定义页面的结构·样式层CSS,定义页面的样式·行为层JavaScript,用来实现交互,提升用户体验2. J
2020-06-27 11:16:41
118
原创 JavaScript入门
4.添加操作5. 删除操作七、事件处理.1.简介事件:发生在HTML元素上的事情,可以是用户的行为,也可以是浏览器的行为,如:·用户点击了某个HTML元素·用户将鼠标移动到某个HTML元素上·用户输入数据时光标离开·页面加载完成事件源:事件触发的源头,即触发事件的元素,如按钮、输入框、超链接等事件对象:当一个事件发生时,这个事件相关的详细信息会保存在一个对象中,称为event对象事件监听:监听事件的发生,绑定事件函数,当事件被触发后执行该事件的函数,即回调函数2. 绑定事件两种
2020-06-13 15:25:45
131
原创 JvavScript入门
4.对象类型4.1对象简介补充:1.对象:客观存在的并且可以互相区别的事物 eg:一个同学 一本书 页面上的命令按钮 复选框2.描述一个对象 属性-----外观,长相 方法-----行为模式-----干什么 事件-----单击,双击 3.对象有三个基本特征:封装、继承和多态对象类型可以理解为JAVA中的引用数据类型JavaScript是面向对象的语言,但并不是人们常说的纯粹的面向对象的语言,因为它不支持某些特征4.2 创建对象三种方式:·使用object·使用构造函数,
2020-06-02 10:36:13
370
原创 JavaScript入门
5.2常用方法5.3二维数组二维数组可以认为是特殊的的一维数组,即一维数组中的每个元素又是一个一维数组语法:6.函数6.1自定义函数语法:注意:·定哟函数时不需要指定参数的类型·实参个数和形参个数可以不同,未给形参传入实参的,其默认值为undefined·不需要指定返回值的类型,如果有返回值,直接使用return返回·如果函数中没有使用return语法返回值,则默认返回undefined变量的作用域:·局部作用域在函数中声明的变量,只能在该函数内访问,函数运行结束后变量自
2020-05-19 18:35:52
102
原创 JAVASCRIPT入门
运算符算数运算符:+、-、、/、%、、++、–比较运算符:>、>=、<、<=、== 、===、!=赋值运算符:=、+=、.=、=、/=、%=、=、逻辑运算符:&&并且、||或、|与条件运算符:条件?表达式1:表达式2使用Math对象进行数学运算,用法:Math.方法名(参数)选择结构if…else、swich4.循环结构white、do…white、for、for…inbreak、continuebreak:退出整个循环continue:结
2020-05-15 09:22:14
101
原创 JAVAScript入门
JavaScript一、JavaScript简介什么是JavaScript?JavaScript简介JS,由网景分公司开发的客户端脚本语言,不需要编译,可以直接执行补充:机器语言(0,1代码)-----汇编语言(助记符)------高级语言( ① 解释 ②编译)高级语言---->编译obj目标程序文件---->连接link.exe可执行性文件解释:·结构层HTML,定...
2020-05-08 12:07:07
113
原创 CSS笔记
2.元素的显示和隐藏2.1 display通过display属性设置元素是否显示,以及是否独占一行显示常用取值:注意:行级元素默认无法设置宽和高,可以为行级元素设置display:inline-block,然后就可以设置宽和高了2.2 visibility也可以通过visibility属性设置元素的显示和隐藏常用取值:也可以通过visibility属性设置元素的显示和隐藏常用取值...
2020-04-21 20:31:23
93
原创 CSS其他
5.z-index设置元素的定位方式后,元素浮在页面上方,此时可以通过修改z-index属性设值优先级,取值为数字,值越大优先级越高,默认为auto(大多数浏览器默认为0)注意:只能给非static定位的元素设置z-index属性七、其他CSS属性1.浮动和清除1.1浮动属性通过float属性实现元素的浮动,可以让块级元素脱离常规文档流,向左或向右移动,在同一行显示,如果一行显示不下,...
2020-04-16 14:21:33
105
原创 CSS简介
3.其他3.1元素所占的空间页面中的元素实际所占空间:宽=width+左右padding+左右border+左右margin高=height+上下padding+上下border+上下margin3.2盒子模型的默认值不同标签的盒子属性默认值可能不同,需要自己设置3.3 外边距的合并也称为外边距的折叠,指的是两个块级元素垂直外边框相遇时,它们将合并为一个外边距,合并后的外边距值为...
2020-04-13 23:27:16
73
原创 CSS盒子模型笔记
五、盒子模型1、简介盒子模型是网页布局的基础,将页面中所有元素都看作是一个盒子,盒子都包含以下几个属性:·width 宽度·height 高度·border 边框·padding 内边距·margin 外边距2.盒子模型2.1 border表示盒子的边框分为四个方向:上top、右right、下bottom、左leftborder-top、border-right、bord...
2020-04-09 12:07:49
243
原创 CSS简介
3.背景属性3.1 background-color取值:transparent 透明3.2 background-image·必须使用url()方式指定图片的路径·如果是在css样式文件中使用相对路径,此时是相对于css文件,不是相对html文件3.3 background-position默认背景显示在左上角取值:·关键字:top、bottom、left、right、cen...
2020-04-06 19:21:30
382
原创 CSS简介
2.4伪类型选择器根据不同的状态显示不同的样工,一般用于 a 标签四种状态:·:link 未访问的链接·:visited 已访问的链接·:hover 鼠标悬浮到链接上,即移动在链接·:active 选定的链接注:默认超链接为:蓝色,下划线2.5伪元素选择器·:first-letter为第一个字符的样式·:first-line:为第一行添加样式·:before:在元素内容的最前...
2020-04-02 22:53:14
217
1
原创 CSS简介
2、复杂选择器2.1复合选择器标签选择器和类选择器、标签选择器和ID选择器,一起使用必须同时满足两个条件才能使用2.2组合选择器也称为集体声明将多个具有相同样式的选择器放在一起声明,使用逗号隔开2.3嵌套选择器在某个选择器的内部再设置选择器,通过空格进行隔开只有满足层次关系最里层的选择器所对应的标签才会应用样式注:使用 “空格” 时不区分父子还是后代,使用css3中新增的 &g...
2020-03-29 11:38:02
274
原创 CSS简介
一、CSS简介1.什么是CSSCSS:Cascading Style Sheet 层叠样式表是一组样式设置规则,用于控制页面的外观样式2.为什么使用CSS·实现内容与样式的分离,便于团队开发 样式复用,便于网站的后期维护·页面的精确控制,让页面更精美3.CSS作用·页面外观美化·布局和定位二、基本用法1.CSS语法·选择器:要修饰的对象(东西)`属性名:修饰对象的哪个属...
2020-03-27 14:15:56
90
原创 HTML5简介
八、HTML5简介1.发展W3C于1992年12月发布了HTML4.0.1标准W3C于2014年10月发布了HTML5标准2.特点·取消了过时的标签,如font、center等,它们仅具有展示外观的功能·增加了一些更具有语义化的标签,如header、footer、aside等·增加了一些新功能标签,如canvas、audio、vide·增加了一些表单控件,如emall、data、t...
2020-03-23 10:52:00
1721
原创 HTML笔记
3.2 单选按钮常用属性:·name名称:多个radio的name属性必须相同,才能实现互斥(单选)·value值·checked:是否被选中,两种状态,选中,未选中checke="checked"简写checked3.3 复选框常用属性与单选按钮radio类似3.4文件选泽器常用属性:·name名称:·accept设置可选择文件类型,用来限制上传的文件类型使用MIME格式字...
2020-03-15 14:05:28
115
原创 html笔记
六、表单1、简介表单是一个包含若干个表单元素的区域,用于获取不同类型的用户数据表单元素是 允许用户在表单输入信息的元素,如文本框,密码框,单选按钮,复选框,下拉列表2.表单结构2.1表单语法2.2 form标签用来定义表单,可以包含多个表单元素常用属性:·action:提交数据给谁处理,即处理数据的程序、默认为当前页面·method:提交数据的方式或方法,取值:get(默认)...
2020-03-12 19:30:02
87
原创 HTML笔记!
五、表格简介表格是一个规则的行和列结构,每个表格由若干行组成,每行由若干个单元格组成table row column基本结构2.1 table标签用来定义表格常用属性:border:表格边框 默认值为0width/heigth:宽度高度bordercolor:边框的颜色align:对齐方式,取值:left(默认),center居中,right居右bgcolor:背景颜色...
2020-03-08 16:31:26
192
原创 HTML笔记
四、超链接1.简介使用超链接可以从一个页面跳转到另一个页面,实现页面之间的导航当鼠标移动到超链接文本或图片时,鼠标会变成一只小手超链接三种类型·普通链接、页面间的链接跳转到另一页面·锚链接,链接到锚点(链接到同一页面的制定位置)·功能连接:实现特殊功能(发邮件:下载)2.基本用法使用标签来创建超链接语法格式:常用属性:href:链接的地址或路径,链接地址taeget:链...
2020-03-05 09:12:24
114
原创 日常
2.其他标签为了更好的语义化3.头部标签meta定义网页的摘要信息,如字符编码、关键字、描述作者等title定义网页的标题style定义内部的css样式link定义外部的css样式script定义或引用脚本base定义基础路径默认以当前页面文件所在的位置为相对路径的参考4.标签嵌套一个标签中可以嵌套另外一个标签标签不能乱嵌套,如以下标签的嵌套是错误的浏览器渲染之...
2020-02-29 16:02:30
84
原创 HTML笔记
一、HTML简介1、HTML是什么?HTML:hyper text markup language 超文本标记(标签)语言有各种标签组成,用来制作网页,告诉浏览器该如何显示页面2、作用制作网页,控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过连接来检索信息使用表单获取用户的信息,实现交互3,、版本W3C:world wide web consortium万维网联盟,制定web技术相关标准...
2020-02-25 22:24:56
89
原创 HTML入门
一、HTML简介 1.HTML是什么?HTML:htper text markup language超文本标记(标签)语言有各种标签组成,用来制作网页,告诉浏览器如何显示页面2.作用制作网页,控制网页和内容的显示插入图片、音乐、视频、动画等多媒体通过链接来检索信息使用表单获取用户的信息,实现交互3.版本w3c:world wide web consortium万维网联盟,制定web技术相关标准和规...
2020-02-21 18:02:59
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人