- 博客(42)
- 资源 (5)
- 收藏
- 关注
原创 Bootstrap响应式Web开发(一)
Bootstrap的概念、特点及组成、浏览器、Visual Studio Code、移动端开发主流方案、移动Web开发基础、视口、移动Web页面的样式编写、分辨率和设备像素比、二倍图、SVG矢量图
2021-07-26 22:29:32 3338 1
原创 操作元素案例——购物车演示
购物车目录购物车准备操作页面内容操作样式与JS文件准备操作1、选择一个目录下建立一个新的文件夹,命名为Shoping Cart(命名由自己决定)2、由于需要的样式于操作过多,我们把这些分别放入不同的文件夹下,在Shoping Cart目录下分别建立页面文件夹html、样式文件夹css、JavaScript文件夹js、字体文件夹font(字体文件可由网上直接下载使用即可)与图片文件夹image(文件夹的命名都由自己决定)3、使用VSCode打开之前新建的Shoping Cart文件夹,这时就可根
2021-07-23 23:32:13 474 6
原创 正则表达式(二)
量词符与括号字符1、量词符:用来设定某个模式出现的次数补充:{m,n}:匹配{}前面的字符次数m~n之间var reg = /^a*$/; // * 相当于>=0,可以出现0次或很多次var reg = /^a+$/; // + 相当于>=1,可以出现1次或很多次var reg = /^a?$/; // ? 相当于1||0,可以出现0次或1次var reg = /^a{3}$/; // {3}就是重复a字符3次var reg =
2021-07-19 00:00:49 186 4
原创 正则表达式(一)
目录正则表达式基本知识正则表达式的特殊字符正则表达式基本知识1、正则表达式:是一种描述字符串结构的语法规则,是用于匹配字符串中字符组合的模式,同时正则表达式也是对象2、特点正则表达式的灵活性逻辑性和功能性非常强可以迅速地用极简单的方式达到字符串的复杂控制3、正则表达式的使用创建正则对象// 字面量方式var 变量名 = /表达式/;// RegExp构造函数方式// 或者var 变量名 = RegExp(/表达式/);var 变量名 = new RegExp(/表达式/);
2021-07-18 23:58:29 537 3
原创 JavaScript中的BOM
BOM简介 window对象的常见事件 定时器函数 JavaScript执行机制 location对象 nevigator对象与history对象
2021-07-17 23:16:32 552 7
原创 JavaScript基础(三)
JavaScript中数组的创建,数组元素的访问,数组元素的增加删除,反转操作以及查找,选择排序与冒泡排序,二维数组
2021-06-07 17:10:50 785
原创 JavaScript基础(一)
JavaScript基础:JavaScript基础(一)一、JavaScript的数据类型二、数据类型转换三、运算符
2021-05-28 16:26:37 1059
原创 初识JavaScript
初识JavaScript一、什么是JavaScript二、JavaScript的使用方法三、JavaScript的语法规则四、JavaScript的输入输出五、JavaScript中的变量
2021-05-14 21:26:10 378
原创 CSS滤镜和精灵技术
CSS滤镜和精灵技术目录CSS滤镜和精灵技术一、CSS滤镜二级目录一、CSS滤镜CSS3 滤镜是对图像等图形元素执行视觉效果操作,如模糊,平衡对比度或亮度, 色彩饱和度等。 可以使用 CSS3 filter 属性将滤镜效果应用于元素,该属性按提供的顺序接受一个 或多个滤镜功能。使用示例如下:filter: blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opac
2021-05-10 22:18:04 232
原创 CSS过渡属性与动画效果
CSS过渡属性与动画效果目录CSS过渡属性与动画效果一、页面内嵌入图像,视频,音频二、过渡三、变形四、动画一、页面内嵌入图像,视频,音频(1)图像A、把图像作为背景:background-imageB、使用图像标签:<img src="图像名" alt="" width="" height="" />(2)视频A、视频格式:.mp4 .ogg .webmB、视频标签:<video src="视频文件名" controls="controls"/> src:
2021-05-08 16:12:20 436
原创 HTML+CSS补充知识
HTML+CSS补充知识目录HTML+CSS补充知识一、元素的定位二、偏移量三、层叠属性 z-index四、HTML5中的语义标签五、命名规范一、元素的定位选择器{ position:属性值; }static:自动定位(默认的定位方式)relative : 相对于元素在文档流中的位置进行定位absolute :相对于已经定义好的父元素的位置进行定位fixed:相对于浏览器窗口进行的定位 #d1{ width: 300px;
2021-05-08 15:49:49 92
原创 基本网页布局(DIV+CSS)
基本网页布局目录基本网页布局一、盒子模型(网页布局的基础)二、DIV+CSS进行网页布局三、布局中的常用属性二级目录一、盒子模型(网页布局的基础)(1)边界(margin):盒子的边框与包含该盒子的容器之间的距离 A、margin-top:上边界 B、margin-right:右边界 C、margin-bottom:下边界 D、margin-left: 左边界(2)填充(padding):内补白(内边距),盒子中的内容与盒子边框之间的距离 A、padd
2021-05-08 15:22:52 5229
原创 CSS层叠样式表(二)选择器的使用
CSS层叠样式表(二)目录CSS层叠样式表(二)一、CSS的特性二、CSS的优先级三、CSS的选择器一、CSS的特性1、CSS的层叠性:CSS样式可以叠加(即一个标签上可以应用多个样式)2、CSS的继承性:在书写CSS样式表时,子标签会继承父标签的某些样式p{ color: "red";} <p> 西电 <span>内容</span> </p>注:边框属性、定位属性、内外的间距属性、元素的宽高属性、布局属性、背景属性不
2021-05-07 20:28:56 302
原创 CSS层叠样式表(一)基本内容
CSS层叠样式表(一)目录CSS层叠样式表(一)一、基本概念二、特性、应用与样式规则三、CSS选择器(CSS的核心)四、不同属性的表示方式一、基本概念层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对
2021-05-07 19:47:47 1209
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人