- 博客(36)
- 收藏
- 关注
原创 CSS学习笔记(十三)CSS书写格式
1、可以将CSS代码直接写到开始标签当中(行内样式)2、内嵌样式:可在一对head标签当中写上一对style标签,然后再style标签中编写CSS代码。3、外链样式:可单独新建一个.CSS文件,把CSS代码写到这个文件中,然后通过link标签把这个文件和.html文件关联起来。<link rel="stylesheet" href="文件">4、导入样式:可单独新建一个.CSS文件,把CSS代码写到这个文件中,然后通过import把这个文件和.html文件关联起来。(CSS2.1推出的
2021-05-02 21:52:58
165
原创 CSS学习笔记(十二)背景属性
一、背景尺寸属性1、背景尺寸属性:CSS中新增的一个属性,专门用于设置背景图片大小格式:background-size: 200px 100px; 50% 50%;第一个为宽度,第二个为高度(1)等比拉伸,则设为auto(2)cover:告诉系统图片需等比拉伸知道宽度和高度都填满元素(3)contain:告诉系统图片需等比拉伸知道宽度或高度都填满元素二、背景图片定位区域属性1、告诉系统背景图片从什么区域开始显示,默认情况下从padding区域开始显示。background-o
2021-05-02 21:43:38
250
原创 CSS学习笔记(十一)动画模块和3D转换模块
一、动画模块基本属性1、过渡与动画的异同(1)不同:过渡需人为触发才会执行;动画不需人为触发就可执行(2)相同:都是用来给元素添加动画的;都是系统新增的一些属性;都需满足三要素才会有动画效果2、三要素:(1)告诉系统需执行哪个动画animation-name: Inj;(2)告诉系统我们需自己创建一个名称叫做Inj的动画@keyname Inj{ from{ margin-left: 0; } to{ margin-left: 500px; }}3、其他属性(1)告诉系
2021-05-02 21:15:50
212
原创 CSS学习笔记(十)盒子阴影和文字阴影
一、盒子阴影和文字阴影1、如何给盒子添加阴影box-shadow: 水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影;2、注意(1)盒子阴影分为内外阴影,默认情况下为外阴影(2)快速添加阴影只需添加三个参数即可box-shadow: 水平偏移 垂直偏移 模糊度;默认情况下,阴影的颜色和盒子内容的颜色一致3、给文字添加阴影text-shadow: 水平偏移 垂直偏移 模糊度 阴影颜色;...
2021-05-02 20:36:11
140
原创 CSS学习笔记(九)过渡模块和2D转换模块
文章目录一、过渡模块的基本使用二、过度模块——连写/弹性效果/手风琴效果三、2D转换模块的基本属性四、2D转换模快——形变中心点/旋转轴向/透视属性/相片墙一、过渡模块的基本使用1、过渡模块三要素:(1)属性发生变化:div: hover{ width: 300px;}(2)告诉系统哪个属性需要执行过渡效果transition-property: width;(3)告诉系统过渡效果持续时间transition-duration: 5s;2、当多个属性需同时执行过渡效果时用逗号隔开
2021-05-02 20:29:18
128
原创 CSS学习笔记(八)定位流
一、相对定位positive: relative;1、相对定位:相对于自己以前在标准流中的位置移动(1)相对定位十不脱离标准流的,会继续在标准流中占用一份空间positive: relative;需配合top: ;或left: ;来使用(2)在相对定位中同一方向上的定位属性只能使用一个(3)由于相对定位是不脱离标准流的,所以它是区分块级/行内/行内块级元素的(4)由于相对定位是不脱离标准流的,并且相对定位的位置会占用标准流的位置,所以当给相对定位的元素设置margin/padding等属性时会影响
2021-05-02 10:24:58
418
原创 CSS学习笔记(七)网页布局方式
一、网页布局方式1、网页布局方式:指浏览器如何对网页的元素进行排版。2、排版方式(1)标准流(文档流/普通流)A、浏览器默认的排版方式B、在CSS中,将元素分为三类:块级/行内/行内块级C、两种排版方式:垂直排版:块级元素;水平排版:行内/行内块级元素(2)浮动流:float: left/right;(与父元素的最左/右对齐)A、浮动流是一个“半脱离标准流”的排版方式B、浮动流只有一种排版方式,即水平排版,只能设置某个元素左/右对齐C、浮动流没有居中对齐,在浮动流中是不可用margin
2021-05-01 15:36:05
183
原创 CSS学习笔记(六)边框属性与盒子属性
一、边框属性二、内边框属性三、外边框属性四、盒子模型五、盒子box-sizing属性六、盒子模型练习七、盒子居中和内容居中八、清空默认边框九、行高和字号十、还原字体和字号十一、网页布局方式...
2021-04-24 16:33:01
1190
原创 CSS学习笔记(五)CSS背景
一、背景颜色二、背景图片三、背景平铺四、背景定位五、背景关联和缩写六、背景图片和插入图片的区别七、背景图片练习八、CSS精灵图九、精灵图练习
2021-04-23 13:58:46
199
原创 CSS学习笔记(四)CSS元素显示模式
一、div和span标签(hmtl标签)1、div:一般用于配合CSS完成网页的基本布局,单独占一行。2、span:一般用于配合CSS修改网页的局部信息,不会单独占一行。3、div和span的区别:div为容器级的标签,可嵌套其他所有标签,如:div、h、ul、ol、dt…;span为文本级的标签,只能嵌套文字/超链接/图片,如:p、span…二、CSS元素显示模式1、HTML将标签分为两类:容器级和文本级;CSS将标签分为两类:块级元素和行内元素。2、块级元素:会独占一行,p+容器级元素;行内
2021-04-21 20:12:02
134
原创 CSS学习笔记(三)CSS三大特性
一、继承性(三大特性之一)二、层叠性(三大特性之一)三、优先级(三大特性之一)四、!important(优先级)五、权重问题(优先级)六、CSS三大特性练习
2021-04-21 19:41:18
89
原创 CSS学习笔记(二)选择器
一、标签选择器二、id选择器三、类选择器四、后代选择器五、子元素选择器六、交集选择器七、并集选择器八、兄弟选择器九、通用选择器十、序选择器十一、属性选择器十二、通配符选择器...
2021-04-21 17:05:31
221
原创 CSS学习笔记(一)CSS入门
一、体验CSS1、通过标签修改样式的缺点(1)需要记忆哪些标签有哪些属性,如果该标签没有这个属性,那设置了也没有效果。(2)当需求更改时,需修改大量代码才能满足现有需求(3)HTML只有一个作用:添加语义2、通过CSS修改样式的好处(1)不用记忆哪些属性属于哪个标签(2)当需求更改时,不用修改大量代码(3)在前端开发中,CSS只有一个作用,修改样式。二、CSS的固定格式1、格式<style type="text/css"> 标签名称{ 属性名称: 属性对应的值;(:后
2021-04-20 20:33:06
66
原创 HTML学习笔记(六)播放标签
一、video标签1、video:播放视频<video src="需播放的视频地址"></video>(1)video不会自动播放视频,如需自动播放,需添加属性autoplay="autoplay"(2)controls:告诉video是否显示控制条,需则为:controls=“controls”(3)poster:视频播放之前的占位图片(4)loop:一般用于播放广告视频,用于告诉video标签视频播放完毕后继续循环播放。(5)preload:预加载视频,但需注意
2021-04-20 18:52:17
660
原创 HTML学习笔记(五)表单
一、表单标签——input1、表单:专门用来收集用户信息。2、表单元素:即HTML中的一些特殊标签,这些标签有特殊的外观和默认功能。3、表单格式:<form> <表单元素></form>4、常见表单元素(input——有type属性)(1)明文输入框:<input type="text"><br>(2)暗文输入框:<input type="password"><br>(3)给输入框设置默认值:<i
2021-04-19 16:57:57
212
原创 HTML学习笔记(四)表格
一、表格标签的基本使用1、表格标签:给一堆表格添加表格语义。当数据量非常大时,表格被认为是最为清晰的一种展现形式。2、格式:<table> <tr> <td></td> </tr></table>(1)table代表整个表格,tr代表表格中的一行,td代表表格中一行的一个单元格。(2)表格标签的边框属性,决定边框宽度,默认情况下为0.(3)表格中的高和宽默认是按照内容的尺寸来调整,也可通过width/height
2021-04-16 22:09:26
259
原创 HTML学习笔记(三)列表
一、无序列表1、列表标签:给一堆数据添加列表语义,即告诉搜索引擎/浏览器这一堆数据是一个整体。2、分类:无序列表,有序列表,定义列表。3、无序列表(使用最多)unordered list(1)作用:给一堆数据添加列表语义,且一堆数据中所有数据都没有先后之分。(2)格式:<ul> <li>需显示的条目内容</li></ul>(3)li标签为列表条目,ul标签和li标签为一个整体,一般一起出现。ul标签中不推荐出现除了li以外的其他标签;但li
2021-04-16 19:46:40
92
原创 HTML学习笔记(二)基本标签及其他
一、H标签和p标签以及hr标签1、H标签:用于给文本添加标题语义。(1)一共有6个,H1~H6,超过H6则无效,H1最大。(2)被H系列标签的内容单独占一行。(3)一个网页只能有一个<h1>标签。(4)要生成<h1></h1>,只需输入h1,再按tab键。2、P标签:告诉浏览器哪些文字是一个段落。注:在浏览器中独占一行。3、hr标签:在浏览器上显示一条线,hr为单标签。格式为:<hr>或<hr/>二、img标签1、img标签:
2021-04-16 19:25:30
374
原创 HTML学习笔记(一)HTML基础知识
一、服务器和浏览器1、浏览器:安装在电脑的一个软件,能让网页内容呈现给用户查看,并让用户与网页交互的软件。(1)浏览器内核:浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页内容,以及页面格式信息。3、服务器:服务器是电脑,但它比普通电脑配置要高,且24小时不停电,不关机。服务器专门用于存储数据,访问者可以访问浏览器获得服务器上存储的资源。若服务器关机,访问者就无法访问。二、 浏览器访问网页原理1、当我们利用浏览器访问网页时,其实是有真实的物理文件传输,浏览器会先将网页上的内容缓存到本地文件
2021-04-14 20:52:47
164
原创 虚拟化Docker
文章目录一、docker的安装和基本配置二、镜像、容器的管理操作一、docker的安装和基本配置1、更新yum任务管理器#yum -y update2、安装docker#yum install -y docker3、加速器配置和源配置4、启动docker#service docker start二、镜像、容器的管理操作1、拉取hello-world镜像并运行#docker pull hello-world#docker run hello-world2、查看镜像和删除镜像#do
2021-02-20 23:34:27
67
原创 云计算原理与实践 第六章、云计算网络
一、基本概念1、覆盖网络是一种在原有网络基础上构建的网络连接抽象及管理的技术。2、覆盖网络通常的实现方法是在原有网络的基础上构建隧道。目前常用于构建隧道的网络协议有如下几种(1)GRE:(通用路由封装协议(GRE)是一种对不同网络层协议数据包进行封装通过IP路由的隧道协议。)GRE是作为隧道工具开发的,旨在通过IP网络传输任意的OSI模型第三层协议。GRE的实质是创建一个类似于虚拟专有网络(VPN)的专有的、点对点的网络连接。(2)VLAN:(虚拟局域网(VLAN)是一种对局域网(LAN)进行抽象隔
2021-01-05 16:01:00
759
原创 云计算原理与实践 第十二章、桌面云
1、典型的桌面内部协议架构如下图所示,包括Citrix ICA/HDX、VMware的PCOIP、微软的RDP等。优点是能够方便地跨平台,局域网表现与带内协议相当,广域网带宽不太充裕时依然可以实现流畅操作。缺点是对虚拟机网络以及虚拟机内地操作系统依赖程度高,虚拟机网络故障或操作系统服务未就绪,桌面将无法连接,蓝屏或网络故障只有管理员才能维护。2、...
2021-01-03 23:01:15
193
原创 云计算原理与实践 第二章、分布式计算(非常重点的一章)
一、1、中国科学院对分布式计算有一个定义:分布式计算就是在两个或多个软件互相共享信息。这些软件可以在同一台计算机上运行,也可以通过网络连接起来de多台计算机上运行。分布式计算比起其他算法具有以下几个优点:(1)稀有资源可以共享(2)通过分布式计算可以在多台计算机上平衡计算负载(3)可以把程序放在最适合运行它的计算机上共享稀有资源和负载平衡是计算机分布式计算的核心思想之一。2、分布式计算一般分为以下几步:(1)设计分布式计算模型(2)分布式任务分配(3)编写并执行分布式程序(分布式计算的特点
2020-12-30 11:23:44
1400
原创 TCP套接字编程
一、sokcet1、socket(套接字)编程是C/S模型网络通信中最常用的编程技术。socket是操作系统提供用于进程通信的API接口(API接口即应用程序接口,为一个软件组件或是一个Web服务与外界进行交互的接口)。二、TCP通信模型1、TCP协议位于传输层,提供报文的可靠传输。TCP协议通过超时重传和确认两大机制保证了数据传输的可靠性。2、TCP通信过程(1)建立连接:服务器需要先启动。1)服务器启动后绑定固定端口进行监听,等待客户端连接:ServerSocket server=new
2020-12-25 15:44:58
826
原创 云计算原理与实践 第一章、云计算概述
1、云计算是一种新兴的共享基础框架的方法,可以将巨大的系统池连接在一起以提供各种IT服务。2、“云计算”一词最早被大范围的传播应该是在2006年。2006年8月,在圣何塞举办的SES(搜素引擎战略)大会上,时任谷歌公司首席执行官的施密特在回答一个有关互联网的问题时提出了“云计算”的概念。在施密特提出“云计算”一词的几周后,亚马逊公司推出了EC2计算云服务。3、~~简答题 ~~...
2020-12-24 09:25:43
2816
原创 J2EE平台应用与开发(十三)Spring Boot安全管理
文章目录一、Spring Security介绍二、Spring Security快速入门三、MVC Security安全配置介绍四、自定义用户认证一、Spring Security介绍1、Spring Security是一个基于Spring生态圈的,用于提供安全访问控制解决方案的框架。2、MVC Security是Spring Boot整合Spring MVC搭建Web应用的安全管理框架,也是开发中使用最多的一款安全功能。二、Spring Security快速入门1、Spring Security
2020-12-23 21:16:43
448
原创 云计算原理与实践 第五章、分布式存储
文章目录一、分布式存储的基础二、文件存储三、分布式文件系统一、分布式存储的基础1、相对于传统的存储系统,新一代的分布式存储系统有两个重要特点:低成本与大规模。2、分布式存储分类:(1)根据数据类型1)非结构化数据(包括文本、图片、图像、音频和视频信息等)2)结构化数据(对应存储在关系数据库中的二维关系表结构,结构化数据的模式和内容是分开的,数据的模式需要预先定义)3)半结构化数据(HTML就是典型的半结构化数据。半结构化数据的模式和内容混在一起,没有明显的区分,也不需要预先定义数据的模式结构)
2020-12-18 19:34:57
1527
原创 云计算原理与实践 第四章、虚拟化技术
一、虚拟化的定义1、虚拟化主要分为以下几个大类:服务器虚拟化网络虚拟化桌面虚拟化软件定义的存储二·、服务器虚拟化1、虚拟机中运行的操作系统被称为客户操作系统,运行虚拟机监控器的操作系统被称为主机操作系统。2、虚拟机软件层可以位于主机操作系统之上(称之为寄居架构),也可以直接位于计算机硬件资源之上(称之为裸金属架构)。3、通过VMM(虚拟机监控器)可实现客户操作系统对硬件的访问,根据其原理不同分为以下3种技术:全虚拟化半虚拟化硬件辅助虚拟化4、全虚拟化:1998年,VMware使
2020-12-17 20:53:15
558
原创 云计算原理与实践 第三章、云计算架构
一、云计算的本质1、云数据中心的构造主要有两种模式。一种是传统模式,即建机房、布线、放置机器,然后连接起来;还有一种是基于集装箱的数据中心,这种模式由谷歌公司首创。谷歌公司位于美国爱达荷州的一个数据中心就由数百个集装箱组成。2、云的工作负载模式(1)模式1:时开时停模式(这种模式下使用IT资源的方式不是连续的)(2)模式2:用量迅速增长模式(用户使用IT资源随着时间的推移,用量不断增长)(3)模式3:顺时暴涨模式(用户平时的一般时段使用资源用量都相对稳定和平均,但会在特定时间点上出现用量的暴涨
2020-12-17 13:13:38
1737
原创 J2EE平台应用与开发(九)Spring Boot数据访问
一、Spring Boot数据访问概述1、Spring Boot默认采用整合Spring Data的方式统一处理数据访问层通过添加大量自动配置,引入各种数据访问模板xxxTemplate以及统一的Repository接口,从而达到简化数据访问层的操作。Spring Data提供了多种类型数据库支持,Spring Boot对Spring Data支持的数据库进行了整合支持,提供了各种依赖启动器。二、Spring Boot整合MyBatis1、基础环境搭建(1)数据准备,创建数据库、数据表并插入一定
2020-12-03 21:18:02
159
原创 J2EE平台应用与开发(三)Servlet基础
文章目录一、Servlet基本结构1、Servlet的定义二、Servlet数据交互三、Servlet的生命周期四、Servlet的请求转发一、Servlet基本结构1、Servlet的定义Servlet是一个Java程序,是在服务器上运行以处理客户端请求并做出响应的程序。二、Servlet数据交互三、Servlet的生命周期四、Servlet的请求转发...
2020-12-03 15:34:48
296
原创 J2EE平台应用与开发(二)动态网站基础与HTTP
一、网站与WEB服务器1、web网站:使用浏览器访问 提供网络服务 部署在因特网上 基于HTTP协议
2020-11-23 01:09:52
82
原创 J2EE平台应用与开发(一)Java EE概述
1、Java EE概述Java EE是一种企业级应用的软件框架、一种思想、一种规范;是J2EE的一个新名称,是一个开发分布式企业级应用的规范和标准。2、三层体系结构(1)表示层:与用户交互、获得输入、展示输出;一般MVC框架用在这一层(2)业务逻辑层:实现业务功能;一般是普通的java对象(3)数据访问层:负责数据管理,一般是数据库操作;ORM框架用在这一层3、Web系统框架的演变(1)后端渲染整个页面(刷新页面)(2)前后端分离模型(单页面,无刷新)4、Java EE技术路线.
2020-11-22 21:05:23
411
原创 JavaScript基础--学习笔记(一)JavaScript简介
一、简介1、JavaScript诞生于1995年,由网景公司发明,起初命名为LiveScript,后由Sun公司界入,改名为JavaScript。市面上存在两个版本的JavaScript,一个是网景公司的JavaScript,另一个是微软的JScript。为了确保不同浏览器运行的JavaScript标准一样,几个公司共同制定了JS的标准,命名为ECMAScript。2、ECMAScript是一个标准,为一个文档,这个标准需要各个厂商去实现,不同浏览器厂商对该标准会有不同的实现。3、一个完整的JavaS
2020-11-22 20:25:16
91
原创 JavaScript基础--学习笔记(二)JavaScript基本语法
JavaScript-学习笔记(1)一、简介1、JavaScript诞生于1995年,由网景公司发明,起初命名为LiveScript,后由Sun公司界入,改名为JavaScript。市面上存在两个版本的JavaScript,一个是网景公司的JavaScript,另一个是微软的JScript。为了确保不同浏览器运行的JavaScript标准一样,几个公司共同制定了JS的标准,命名为ECMAScript。2、ECMAScript是一个标准,为一个文档,这个标准需要各个厂商去实现,不同浏览器厂商对该标准会有
2020-11-22 02:48:20
541
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人