03 2021 档案
摘要：4.25、多列布局 自适应 解决不同设备提供不同版本的页面问题 自适应布局 屏幕分辩率发生变化时，页面中的元素的位置会变化而大小不变 4.25.1、两列自适应布局——左侧宽度固定，右侧宽度自适应 1）左右两个盒子，左侧盒子宽度固定，右侧盒子宽度设置为100% 2）左侧盒子设置绝对定位position
阅读全文
摘要：4.24、IE兼容问题 4.24.1、IE8中图片边框问题 解决方案： img{ border: none; } 4.24.2、IE8中背景复合属性写法问题 现象： background: url(images/esWe.jpg)no-repeat 0 0; 解决方案： background: ur
阅读全文
摘要：4.23、表单 用于采集用户输入数据 发送服务器 实现用户和服务器之间数据交互 一个完整表单包含：表单域、表单元素--表单控件、提示信息--文本 4.23.1、表单标签--form 块级元素 用于声明表单，定义数据采集范围 一个页面中可以有多个form标签，多个form标签为并列关系，不能嵌套 用户
阅读全文
摘要：4.22、文本溢出处理 text-overflow属性 text-overflow: clip;/* 溢出裁剪 */ text-overflow: ellipsis;/* 溢出显示省略号 */ text-overflow: string;/* 溢出内容用字符串表示，仅在火狐浏览器中有效 */ tex
阅读全文
摘要：阿里矢量图标的使用： 1）通过检索界面搜索到需要的图标，添加到购物车 2）打开购物车--选择“下载代码”|打开购物车--添加入项目--在项目中下载代码 3）将下载好的文件夹中的字体文件（.eot|.ttf|.svg|.woff|.woff2）放入项目的fonts文件夹内 4）将下载好的css文件（i
阅读全文
摘要：4.20、BFC 4.20.1、什么是BFC？ BFC-block formatting context 块级格式化上下文 W3C css2.1 概念 页面中的一个渲染区域 web页面可视化，css视觉渲染的一部分，用于决定块级盒子的布局或浮动相互影响范围的一个区域 本质：一个封闭的盒子 4.20.
阅读全文
摘要：页面TDK （1）T-title 网页标题 可以作为默认快捷方式或收藏夹的名称；标题与页面内容相关，尽量简洁 <title></title> （2）D-description 页面的描述信息 不宜过长，否则搜索引擎会以“...”省略 <meta name="description" content=
阅读全文
摘要：4.18、css sprites精灵图 4.18.1、css sprites？ 精灵技术、雪碧技术，也可以解释为css图像拼合或css贴图定位 将一堆小图整合在一张大图上，通过css属性“background-image、background-repeat、background-position”将
阅读全文
摘要：图片格式说明优点缺点应用备注 jpg(jpeg) 不支持透明 色彩丰富，文件小 有损压缩，反复保存，会降低图片质量 网页中的大图、高清图 gif 支持透明、不透明、动画 文件较小，支持透明，没有兼容问题 色彩简单，只支持256种颜色 色彩较为单一的小图标，动画图片 png 支持透明、不透明、半透明
阅读全文
摘要：4.17、ps--photoshop的简单使用方法 测图、获取图片、修改图片 4.17.1、文件操作 新建文件 文件菜单--新建 或 ctrl + n 工作区中的灰白格子表示背景透明 打开文件 文件菜单--打开 或 ctrl + o 4.17.2、设置单位 编辑菜单--首选项--单位与标尺--将标尺
阅读全文
摘要：小箭头的实现 原理 (1)使用css绘制两个三角形 (2)通过绝对定位让两个三角形不完全重叠 (3)让处于上层的三角形比处于下层的三角形偏移1像素，生成空心箭头 兼容处理： 在IE6及更低版本的浏览器中添加font-size: 0; line-height: 0; 目的是为了让三角形的height:
阅读全文
摘要：4.13、显示与隐藏 如何让元素隐藏： 方法一： opacity属性 opacity: 0; 元素透明，占位依然存在（实现隐藏） opacity: 1; 元素不透明 方法二： display属性 display: none; 元素隐藏，不占位（实现隐藏） display: block|inline|
阅读全文
摘要：浮动和定位对比 css2中可以脱离正常文档流的属性 float: left|right; 脱离文档流，但不脱离文本流 position: absolute|fixed; 既脱离文档流，又脱离文本流 所有元素都能使用上方的属性 元素脱离正常文档流之后，不再区分块级和行级元素，都具有相同的属性，如果不设
阅读全文
摘要：方法一： 使用margin:auto;实现具有width属性和height属性的绝对定位元素的居中 .box{ width:; height:; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } 方
阅读全文
摘要：4.12、定位 css定位机制：普通流、浮动、定位 4.12.1、定位原理 css的定位属性允许相对于元素本身，相对于父元素，相对于浏览器窗口位置调整 网页中 覆盖关系 定位偏移属性 left属性|right属性 top属性|bottom属性 属性值：auto|数值|inherit 定位偏移属性不能
阅读全文
摘要：4.11、透明度 4.11.1、rgba(r,g,b,a) 颜色模式 兼容性：IE8及以下版本的浏览器中不支持，IE9+支持 使用： background-color属性、color属性、border-color属性中设置透明度 语法： rgba(r,g,b,a) r-red 取值范围0-255 g
阅读全文
摘要：4.10、vertical-align属性 垂直对齐方式 4.10.1、属性 vertical-align: top; 顶端对齐 vertical-align: middle;中部对齐 vertical-align: bottom; 底端对齐 vertical-align: baseline; 默认
阅读全文
摘要：伪元素： 用css语言创造出来的标签使用方法： 在ele元素内部，内容之前添加一个内容 ele::before{ content: ""; 属性: 属性值; } 在ele元素内部，内容之后添加一个内容 ele::after{ content: ""; 属性: 属性值; }
阅读全文
摘要：SSE，即HTML5 服务器发送事件（Server-Sent Events） HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。 Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。 以前也可能做
阅读全文
摘要：#HTML5 Web Workers web worker 是运行在后台的 JavaScript，不会影响页面的性能。 什么是 Web Worker？ 当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的 JavaScript，独立于其他脚
阅读全文
摘要：#HTML5 应用程序缓存（Application Cache） 使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。 什么是应用程序缓存？ HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 应用程
阅读全文
摘要：#HTML5 Web SQL 数据库 Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。 如果你是一个 Web 后端程序员，应该很容易理解 SQL 的操作。 Web SQL 数据库可以在最新版的 Safar
阅读全文
摘要：4.9.5、清浮动的方法 (1) 为浮动元素的父级盒，设置固定的高度——不够灵活，适用于高度固定的布局中 (2) 为浮动元素的父级盒，加浮动——会产生新的浮动问题 (3) 为浮动元素的父级盒，加overflow属性，属性值hidden|auto|scroll——可能会导致内容显示不完全，代码简洁
阅读全文
摘要：4.8、标签分类 Html中标签众多，一般来说会根据标签的特性进行分类，比较块级标签、行级标签、行块级标签以及几个特殊标签。 4.8.1、块级标签 block level 特性 宽度默认撑满整个父元素 高度由内容撑开 独立成行——垂直布局 具有盒模型特征（默认可以设置宽、高、padding、bo
阅读全文
摘要：一、下载及安装 下载 去官网https://www.eclipse.org/ 安装 找到一个合适的位置，直接解压即可 二、简单使用 软件启动 以后但凡是写一个java程序，都需要先建立一个项目，然后在项目中新建一个包，在包中放不同的java代码 新建一个项目 新建一个类 项目运行 1. 点击工具栏的
阅读全文
摘要：一、配置环境变量 为什么配置 因为在除了bin目录之外的其它目录下，我们不能使用bin目录中的开发工具 如何在bin目录之外使用bin目录中的开发工具 需要将bin目录放置在电脑的系统变量中的path中，一旦放在了path中，那么就可以在电脑上的任何地方访问到bin目录中的开发工具了。 path位置
阅读全文
摘要：##一、 Editplus 简单配置 字体大小 Tools >Preferences General Fonts 然后修改 Java模板 Tools >Preferences File Templates 选中java文件 然后修改 关闭自动补全 Tools >Preferences File Se
阅读全文
摘要：下载地点： 1. 去官网www.oracle.com下载 2. 直接百度 "jdk8 下载"(我用的是jdk8，可以根据个人需求选择版本)。 官网下载流程： 二、安装 直接下一步即可。 注意： 路径中尽量不要有中文及空格 安装成功的标志： 在安装jdk的目录中找到bin目录，然后在bin目录下打开d
阅读全文
摘要：3.20、HTML5 WebSocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次
阅读全文
摘要：HTML5 Web 存储 HTML5 web 存储，一个比cookie更好的本地存储方式。 什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。 早些时候，本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速，这些数据不会被保存在服务器上，但是这些数据只用
阅读全文
摘要：HTML5 语义元素 语义= 意义 语义元素 = 有意义的元素 什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义 元素实例: <div> 和 <span> - 无需考虑内容。语义 元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容
阅读全文
摘要：三、HTML进阶 3.9、HTML5 Video(视频) 很多站点都会使用到视频，HTML5 提供了展示视频的标准。 Web站点上的视频 直到现在，仍然不存在一项旨在网页上显示视频的标准。 今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规
阅读全文
摘要：三、HTML进阶 3.7、HTML5 拖放（Drag 和 Drop） 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 举例： <!DOCTYPE HTML> <html> <head> <meta charset="utf-8">
阅读全文
摘要：三、HTML进阶 3.3、HTML5 新元素 为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能.比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者等。 <canvas> 新元素 标签描述 <canva
阅读全文
摘要：三、HTML进阶 3.1、HTML简介 （1）HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 （2）HTML5的设计目的是为了在移动设备上支持多媒体。 （3）HTML5 简单易学。 什么是 HTML5? HTML5 是下一代 HTML 标准。 HTML ,
阅读全文
摘要：一、url （Uniform Resource Locator）统一资源定位符 1、绝对URL（absolute URL） 显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件的位置五关。 2、相对URL（relative URL） 以包含URL本身的文件夹的位置为参考点，描述目标
阅读全文
摘要：二、HTML基础 2.1、HTML元素 HTML 文档由 HTML 元素定义。 开始标签 * 元素内容 结束标签 * <p> 这是一个段落 </p> <a href="default.htm"> 这是一个链接 </a> <br> 换行 开始标签常被称为起始标签（opening tag），结束标签常称
阅读全文
摘要：HTML学习纪录 一、HTML简介 1.1、HTML定义 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签
阅读全文
摘要：#前端学习——基础篇 ##四、CSS学习 4.7、css三大特性 一、继承性 子元素继承父元素的样式 不是所有的属性都能被继承（width、height、background、padding、border、margin、text-decoration） 可以继承的属性（部分）： 字体系列属性 fon
阅读全文
摘要：#前端学习——基础篇 ##四、CSS学习 4.6、背景 作用在内容、内填充、边框 4.6.1、背景颜色 background-color属性 默认背景颜色透明色transparent 属性值可以是：关键词、十六进制色值、rgb颜色模式、rgba颜色模式 4.6.2、背景图片 background-i
阅读全文
摘要：#前端学习——基础篇 ##四、CSS学习 ###4.5盒模型 4.5.3、margin值的塌陷问题 4.5.3.1、并列关系的外间距塌陷问题 **现象：**并列关系的、垂直方向相邻的两个margin外间距相遇，会出现叠加现象。两个值相同，取当前值；两个值不同，取较大值 原因：并列关系的两个元素共用一
阅读全文
摘要：#前端学习——基础篇 ##四、CSS学习 4.5、盒模型 4.5.1、什么是盒模型？ 也称框模型，在页面布局中，页面元素合理有效地组织在一起，形成一套完整的、行之有效的规则、规范。 包含： 内容content、内填充padding、border边框、外间距margin几个要素 标准盒模型的计
阅读全文
摘要：#前端学习——基础篇 ##四、CSS学习 ###4.4、CSS常用样式 4.4.2、理解CSS中的行高与基线 划分：粉色为顶线，蓝色为中线，绿色为基线，红色为底线 顶线：中文汉字的的上端沿； 中线：横过英文字母x的中间的线； 基线：基线（base line）并不是汉字文字的下端沿，而是英
阅读全文
摘要：#前端学习——基础篇 ##四、CSS学习 4.4、css常用样式 4.4.1、文本文字属性 4.4.1.1、文字属性 photoshop中，窗口菜单--字符，打开字符面板 font-family属性 字体 如果字体是中文字体或字体中包含空格，则字体名称必须加引号 可以将多个字体名称作为一个回退系统，
阅读全文
摘要：#前端学习基础篇 ##四、CSS学习 4.3、选择器 选择器之基础选择器 4.3.1、通配符选择器 * 单独使用，表示匹配所有元素 4.3.2、标签选择器——元素选择器 用标签名作为选择器 结构中：<标签名></标签名> 样式中：标签名{ 声明语句 } 4.3.3、class选择器——类选择器 使用
阅读全文
摘要：#前端学习——基础篇 四、CSS 学习 CSS即层叠样式表(cascading style sheets) 用于美化web页面的外观 4.1、css语法 组成 选择器{ 属性名1: 属性值; 属性名2: 属性值; } 声明语句1 ; 声明语句2 css注释 /* css注释内容 */ 4.2
阅读全文
摘要：#前端学习——基础篇 ##三、HTML学习 12、HTML语义化 12.1、什么是HTML语义化 根据页面内容结构，选择合适的标签。 如，标题用h1~h6，段落用p标签 12.2、语义化的优点 在没有css的情况下，页面也能呈现出较好的内容结构 语义化有利于用户体验，便于开发者阅读和写出更优雅的
阅读全文
摘要：#前端学习——基础篇 ##三、HTML学习 11、表格 用途： 早期 使用表格搭建页面 现在 用来显示表格数据 语法 1、基础语法 <table border="1"><!-- 表格容器，用来定义表格 --> <tr><!-- 表格中的行，必须嵌套在table标签内 --> <th>表头单元
阅读全文
摘要：#前端学习——基础篇 ##三、HTML学习 10、列表——块级标签 10.1、无序列表 语法 <ul><!-- 列表容器 --> <li>列表项</li> <li>列表项</li> <li>列表项</li> </ul> 各列表项 li 之间没有次序、级别之分，相互之间并列关系，在每个列表项中默认
阅读全文
摘要：#前端学习——基础篇 ##三、HTML学习 ###7、常用标签 7.3、行块级标签 7.3.1、img标签：图片标签 语法 <img src="图片地址" alt="替换文本" title="鼠标悬停的提示信息" width="" height=""> <!--width属性 元素的宽度 heigh
阅读全文
摘要：#前端学习——基础篇 ##三、HTML学习 ###7、常用标签 7.2、行级标签 文本格式化标签 7.2.1、span标签 无语义标签 万能标签 用来区分样式 <span>[内容]</span> 样例： <div> 在创作出风靡全球的艺术绘本<span>《鲍勃是个艺术家》、《鲍勃的蓝色忧郁期
阅读全文
摘要：#前端学习基础篇 ##三、HTML学习 7、常用标签 7.1、块级标签 7.1.1、 div标签 无语义标签 盒子 语法： <div>[内容]</div> 样例： <div>hello world</div> 特性： 宽度默认撑满整个父元素 高度默认由内容撑开 独立成行——垂直布局 7.1.2
阅读全文
摘要：#前端学习——基础篇 三、HTML学习 1、Web标准规定的网页技术三层分离结构 (1)HTML 结构层 超文本标记语言(HyperText Markup Lanuage) 描述网页的语义 (2)CSS 样式/表现层 层叠样式表(Cascading Style Sheet
阅读全文
摘要：#前端学习——基础篇 二、了解主流浏览器及其内核 1、Chrome浏览器（谷歌浏览器） 由google公司开发设计。 浏览器内核（这里指的是渲染引擎）：webkit(早期)、blink(现在) 2、IE浏览器 IE浏览器即Internet Explorer，1995年8月16日首次亮相，
阅读全文
摘要：前端学习——基础篇 一、准备开发工具——VS Code 1、什么是vscode 微软开发 轻量级的 功能强大的 源代码编辑器 跨平台（Windows、MacOS、Linux） 2、常用插件 中文 chinese 插件安装完成后重启 在浏览器打开 open in browser 查看Markdown文
阅读全文
