05 2021 档案

JavaScript学习04-输入输出语句
摘要：JavaScript输入输出语句 为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下： 方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框，用户可以输入 阅读全文
posted @ 2021-05-28 18:14 Brianxq 阅读(338) 评论(0) 推荐(0)
JavaScript学习03-注释
摘要：JavaScript注释 为了提高代码的可读性，JS与CSS一样，也提供了注释功能。JS中的注释主要有两种，分别是单行注释和多行注释。 1. 单行注释 单行注释的注释方式如下： // 我是单行注释 (快捷键 ctrl + / ) 2. 多行注释 多行注释的注释方式如下： /* 获取用户年龄和姓名 并 阅读全文
posted @ 2021-05-28 18:08 Brianxq 阅读(231) 评论(0) 推荐(0)
JavaScript学习02-JavaScript初识
摘要：初识JavaScript 1. JavaScript是什么 创始人是布兰登·艾奇(Brendan Eich),起初命名为LiveScript后来与Sun公司合作改名为JavaScript。 JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 阅读全文
posted @ 2021-05-28 18:03 Brianxq 阅读(80) 评论(0) 推荐(0)
CSS学习22-学成在线案例
摘要：学成在线案例 1. 确定版心 这个页面的版心是1200像素，每个版心都要水平居中对齐，可以定义版心为公共类： .w { width: 1200px; margin: 0 auto; } 2. 头部制作 1号是版心盒子header 1200 * 42 的盒子水平居中对齐，上下给一个margin值就可以 阅读全文
posted @ 2021-05-28 17:40 Brianxq 阅读(167) 评论(0) 推荐(0)
PHP学习03-网站访问流程
摘要：网站访问流程 Web分为两类：静态网站和动态网站。流程:浏览器发起访问->DNS解析域名->服务器电脑->服务软件 1. 静态网站访问 必备工具： 有两台电脑，PC（个人电脑），里面需要有浏览器；另外一台为服务器（需要有服务软件，假设为APACHE）,软件没有数据，故需在里面添加文件夹（准备访问的文 阅读全文
posted @ 2021-05-27 16:55 Brianxq 阅读(482) 评论(0) 推荐(0)
PHP学习02-网站的基本概念
摘要：网站的基本概念 1. 服务器概念 服务器（server），也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。 服务器的构成包括处理器、硬盘、内存、系统总线等，和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能 阅读全文
posted @ 2021-05-27 16:31 Brianxq 阅读(118) 评论(0) 推荐(0)
PHP学习01-简介
摘要：PHP简介 1. 什么是PHP PHP定义：一种服务器端的 HTML 脚本/编程语言,是一种简单的、面向对象的、解释型的、健壮的、安全的、性能非常之高的、独立于架构的、可移植的、动态的脚本语言。是一种广泛用于 Open Source（开放源代码）的尤其适合 Web 开发并可以嵌入 HTML 的多用途 阅读全文
posted @ 2021-05-27 16:24 Brianxq 阅读(72) 评论(0) 推荐(0)
JavaScript学习01-计算机编程基础
摘要：计算机编程基础 1. 编程语言 1.1 编程 **编程：**就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。 **计算机程序：**就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以 人们要控制计算机一定要通过计算机语言向计算机发出命 阅读全文
posted @ 2021-05-21 17:55 Brianxq 阅读(72) 评论(0) 推荐(0)
Java学习09-运算符
摘要：Java运算符 计算机的最基本用途之一基于是执行数学运算，作为一门计算机语言，Java也提供了一套丰富的运算符来操纵变量。我们可以把运算符分成一下几组： 算术运算符 赋值运算符 比较运算符 (关系运算符) 逻辑运算符 位运算符 三元运算符 1. 算术运算符 算术运算符用在数学表达式中，它们的作用和在 阅读全文
posted @ 2021-05-21 17:04 Brianxq 阅读(106) 评论(0) 推荐(0)
CSS学习21-页面布局整体思路
摘要：页面布局整体思路 为了提高网页制作的效率，布局时通常有以下的整体思路： 必须确定页面的版心 ( 可视区 ) ，我们测量可得知。 分析页面中的行模块，以及每个行模块中的列模块。即页面布局第一准则。 一行中的列模块经常浮动布局，先确定每个列的大小，之后确定列的位置。即页面布局第二准则。 制作HTML结构 阅读全文
posted @ 2021-05-21 12:45 Brianxq 阅读(101) 评论(0) 推荐(0)
CSS学习20-CSS属性书写顺序
摘要：CSS属性书写顺序 建议遵循一下顺序： 布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式） 自身属性：width / height / margin / padding 阅读全文
posted @ 2021-05-21 12:38 Brianxq 阅读(65) 评论(0) 推荐(0)
CSS学习19-清除浮动
摘要：清除浮动 1. 为什么要清除浮动？ 由于父级元素很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父子盒子高度为0时，就会影响下面的标准流盒子。 由于浮动元素不再占用原文档流的位置，所以它会对后面的元素排版产生影响 示例代码 <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2021-05-20 12:43 Brianxq 阅读(92) 评论(0) 推荐(0)
CSS学习18-常见网页布局
摘要：常见网页布局 1. 常见网页布局 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name= 阅读全文
posted @ 2021-05-20 12:05 Brianxq 阅读(154) 评论(0) 推荐(0)
CSS学习17-浮动
摘要：浮动 1. 传统网页布局的三种方式 网页布局的本质——用CSS来摆放盒子。把盒子摆到相应位置. CSS提供了三种传统布局方式(简单说，就是盒子如何进行排列顺序)： 普通留 ( 标准流 ) 浮动 定位 这三种布局方式都是用来摆放盒子的，盒子摆到合适位置，布局自然就完成了。 **注意：**实际开发中，一 阅读全文
posted @ 2021-05-19 16:41 Brianxq 阅读(106) 评论(0) 推荐(0)
CSS学习16-文字阴影
摘要：文字阴影 在CSS3中，我们可以使用 text-shadow 属性将阴影应用于文本。 语法： text-shadow: h-shadow v-shadow blur color; 值 描述 h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blu 阅读全文
posted @ 2021-05-18 12:47 Brianxq 阅读(171) 评论(0) 推荐(0)
CSS学习15-盒子阴影
摘要：盒子阴影 CSS3中新增了盒子阴影，我们可以使用box-shadow属性为盒子添加阴影。 语法： box-shadow: h-shadow v-shadow [blur] [spread] [color] [inset] 值 描述 h-shadow 必需。水平阴影的位置。正数向右偏移，负数向左偏移。 阅读全文
posted @ 2021-05-18 12:39 Brianxq 阅读(603) 评论(0) 推荐(0)
CSS学习14-圆角边框
摘要：圆角边框 在CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius属性用于设置元素的外边框圆角。 语法： border-radius: length; 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
posted @ 2021-05-18 12:26 Brianxq 阅读(533) 评论(0) 推荐(0)
CSS学习13-产品模块
摘要：综合案例-产品模块 1. 布局分析 效果图： 布局分析 2. 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge 阅读全文
posted @ 2021-05-17 12:31 Brianxq 阅读(162) 评论(0) 推荐(0)
CSS学习12-PS的基本操作
摘要：PS的基本操作 因为网页美工大部分效果图都是利用PS ( Photoshop ) 来做的，所以以后我们大部分切图工作都是在 PS 里面完成。 文件→打开：可以打开我们要测量的图片 Ctrl + R：可以打开标尺，或者视图→标尺 右击标尺，把里面的单位改为像素 Ctrl + 加号(+)可以放大视图，C 阅读全文
posted @ 2021-05-17 12:21 Brianxq 阅读(93) 评论(0) 推荐(0)
CSS学习11-盒子模型
摘要：盒子模型 页面布局要学习三大核心，盒子模型，浮动和定位。学习好盒子模型能非常好的帮助我们布局页面。 1. 看透网页布局的本质 网页布局的过程： 先准备好相关的网页元素，网页元素基本都是盒子Box 利用CSS设置好盒子样式，然后摆放到相应的位置。 往盒子里面装内容。 网页布局的核心本质：就是利用CSS 阅读全文
posted @ 2021-05-15 17:40 Brianxq 阅读(218) 评论(0) 推荐(0)
CSS学习10-三大特性
摘要：CSS的三大特性 CSS有三个非常重要的三个特性：层叠性、继承性、优先级。 1. 层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 示例 阅读全文
posted @ 2021-05-13 16:54 Brianxq 阅读(112) 评论(0) 推荐(0)
CSS学习09-背景
摘要：CSS的背景 通过CSS背景属性，可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 1. 背景颜色 background-color属性定义了元素的背景颜色。 background-color:颜色值; 一般情况下元素背景颜色默认值是tran 阅读全文
posted @ 2021-05-12 16:18 Brianxq 阅读(90) 评论(0) 推荐(0)
CSS学习08-元素显示模式
摘要：CSS的元素显示模式 元素显示模式就是元素(标签)以什么方式进行显示。HTML标签一般分为块标签和行内标签两种类型，它们也称为块元素和行内元素。 1. 块元素 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。 块元素的特点： 阅读全文
posted @ 2021-05-12 16:16 Brianxq 阅读(85) 评论(0) 推荐(0)
Java学习08-变量
摘要：变量 1. 变量的概念 内存中的一个存储区域 该区域的数据可以在同一类型范围内不断变化 变量是程序中最基本的存储单元。包含变量类型、变量名和存储的值 示例代码 /* 变量的使用 1. java定义变量的格式：数据类型 变量名 = 变量值; 2. 说明： ① 变量必须先声明，后使用 ② 变量都定义在其 阅读全文
posted @ 2021-05-10 16:07 Brianxq 阅读(116) 评论(0) 推荐(0)
CSS学习08-元素显示模式
摘要：CSS的元素显示模式 元素显示模式就是元素(标签)以什么方式进行显示。HTML标签一般分为块标签和行内标签两种类型，它们也称为块元素和行内元素。 1. 块元素 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。 块元素的特点： 阅读全文
posted @ 2021-05-10 11:54 Brianxq 阅读(72) 评论(0) 推荐(0)
C++学习11-函数提高
摘要：函数提高 1. 函数默认参数 在C++中，函数的形参列表中的形参是可以有默认值的。 语法： 返回值类型 函数名 （参数= 默认值）{} 示例： int func(int a, int b = 10, int c = 10) { return a + b + c; } //1. 如果某个位置参数有默认 阅读全文
posted @ 2021-05-07 16:48 Brianxq 阅读(62) 评论(0) 推荐(0)
CSS学习07-复合选择器
摘要：CSS的复合选择器 在CSS中，可以根据选择器的类型分别把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器，对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 常用的复合选择器包括：后代选择器、 阅读全文
posted @ 2021-05-07 12:27 Brianxq 阅读(195) 评论(0) 推荐(0)
C++学习10-引用
摘要：引用 1. 引用的基本使用 **作用： **给变量起别名 语法： 数据类型 &别名 = 原名 示例： int main() { int a = 10; int &b = a; cout << "a = " << a << endl; cout << "b = " << b << endl; b = 阅读全文
posted @ 2021-05-06 17:15 Brianxq 阅读(75) 评论(0) 推荐(0)
CSS学习06-Emmet语法
摘要：Emmet语法 Emmet语法的前身是Zen coding，它使用缩写来提高html/css的编写速度，Vscode内部已经集成该语法。 1. 快速生成HTML结构语法 生成标签 直接输入标签名 按tab键即可 比如 div 然后tab键，就可以生成<div></div> 如果想要生成多个相同标签 阅读全文
posted @ 2021-05-06 11:53 Brianxq 阅读(63) 评论(0) 推荐(0)