yellowyellowting-CSDN博客

原创 http协议

http协议http协议的主要特点1、简单快速：可以通过一个uri（统一资源符）获取数据2、灵活：通过head，通过http协议可以完成不同数据类型传输3、*无连接：连接一次就会断4、*无状态：服务端是不能从http区分两次请求的- 请求行：请求方法/页面地址/http协议/版本GET/HTTP/1.1- 请求头：key/value值，告诉服务端我需要什么类型以及注意是什...

2020-04-15 17:37:56 441

原创 DOM事件

DOM事件基本概念DOM事件级别DOM0级：element.onclick=function(event){}DOM2级：element.addEventListener('click',function(event){},false)false表示冒泡阶段触发DOM3级：element.addEventListener('keyup',function(event){},false...

2020-04-13 21:23:32 257

原创 css盒模型、BFC

css盒模型盒模型的概念css定义所有的元素都可以项盒子一样的外形和平面空间，它是CSS布局的基石，规定了网页元素如何显示以及元素之间的相互关系；盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型盒模型的组成css盒子模式都具备这些属性：内容(content)、填充(padding)、边框(border)、边界(margin)标准模型和IE模型的区别，heig...

2020-04-06 16:35:41 207

原创 html块、行内块、行内元素

html块、行内块、行内元素块级元素： <div>、<p>、<h1-5>、<nav>、<aside>、<header>、<footer>、<section>、<article>、<ul-li>、<address特性： 1. 识别宽高 2.自动换行 3.可设置m...

2020-02-23 21:00:03 560

原创门票计算 js

故宫的门票实行的是淡季票价和旺季票价。淡季从11月1日——3月31日，票价为40元。旺季从4月1日——10月31日，票价为60元。并且故宫为一些特殊人群提供了门票优惠政策：1.2米一下的儿童免票。大中小学生门票20元。离退休人员免票。老年人享受半价优惠。请根据参观月份和参观者类型，输出实际的门票价格。<!DOCTYPE html><html lang="en"&g...

2019-01-07 13:23:56 834

原创新税收计算

新税收计算 Document 在线计算 <script> var s = eval("3000 * 0.03 + (12000 - 3000) * 0.1 + (25000 - 12000) * 0.2 + (35000 -...

2019-01-07 13:18:08 1022

原创 javaScript基本语法

1.什么是JavaScript语法？书写JavaScript代码语句的方法。2.JavaScript代码语句写在哪里？(1)概述1. 浏览器控制台2. 网页的script标签（类比内嵌式css）3. 写在单独的js文件内，通过script标签引入（类比链接式css）(2)基本演示写在浏览器控制台直接运行网页的script标签（类比内嵌式css）Script标签既可以写在hea...

2018-12-16 16:32:19 1732 1

原创使用HBuilder打包移动端

一、什么是HBuilderHBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。二、下载安装HBuilder下载 https://pc.qq.com/detail/3/detail_2...

2018-12-14 10:20:31 548

原创 flex布局示例：骰子的制作

html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

2018-12-11 19:56:39 1249

原创 vscode安装使用教程

一、什么是vscode**    Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及...

2018-12-11 19:18:48 185176 5

原创变形转换

变形转换属性：transfrom1.Translate----位移概念该属性值可以让元素从当前位置根据X轴Y轴，在水平和垂直方向进行移动。注意：在浏览器中一般只要说到x,y轴，那么基本是都是以下面方式计算原点和方向原点：元素或者窗体的左上角x轴正方向：元素或者窗体的右边y轴正方向：元素或者窗体的下边用法只要给当前元素的css属性transform设置值为tran...

2018-12-06 20:30:23 462

原创过度与动画

css 过度与动画过度流程：①　给要过渡的元素设置初始状态；②　设置要过渡的元素设置最终状态；③　给要过渡的html标签设置过渡属性【必须值为过渡时间】示例：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="view

2018-12-05 20:43:22 510

原创 vertical-align笔记

vertical-align笔记1.vertical-align作用①　控制单元格内容的垂直对齐方式。②　控制多个行内（块）元素在一行上的垂直对齐方式③　控制行内（块）元素相对其父元素垂直对齐方式注意： vertical-align 只对行内与行内块元素、表格单元格元素生效：不能用它垂直对齐块级元素注意： vertical-align 只对行内与行内块元素、表格单元格元素生效：不能用...

2018-12-04 22:54:53 453

原创 css样式和盒子模型手记

css样式checkbox 设置width和height设置：auto;恢复初始状态。text-indent缩进该属性是用于“行内元素”设置每个段落首行缩进数量值的属性，CSS字体大小（font-size）可以设置的数值和单位在该属性的值中都可以使用（除了百分比）。如果是用于中文布局，一般会使用“2em”的数值和单位来为每个段落的首行缩进“两个字符”。 p{ te...

2018-11-29 17:28:19 185

原创 CSS字体和文本样式设置笔记

CSS字体和文本样式设置1.字体类型（风格） font-style用于设置字体类型，可设置以下值：①　normal：普通字体②　italic：斜体③　oblique：倾斜字体2.字体粗细 font-weight用于设置字体粗细，可设置以下值：①　normal：正常粗细②　bold：粗体③　bolder：更粗的字体④　lighter：更细的字体⑤　100~900：步长为100...

2018-11-28 09:47:25 273

原创 CSS使用方式及选择器

CSS概述1.CSS，全称“Cascading Style Sheets”，用于设置HTML标签的样式，它的基本结构如下：基本结构div{width: 480px; height: 320px; }包含：选择符div;样式属性：width和height;样式属性值2.Css使用方式样式表主要有4种方式，即，“内嵌样式”：写在style标签对里面。举例<st...

2018-11-26 19:36:03 230

原创表格和表单

表格和表单表格标签<table></table>表格标签（table）概述1.具有使网页展示表格形式内容的标签-------table标签2.表格标签为双标签，写法如下： <table></table>3.表格标签默认情况是一个“类似于块级标签的table类型"，即在他会占据整行。（虽然有点特殊，给上一个边框他没法完全占据一行，显示的加上d...

2018-11-26 09:00:39 367

原创列表标签

列表概述1.列表为对某件事物进行步骤的描述，或者一系列有关联的事项的描述的标签。或者对某些名词进行定义。2.列表标签为双标签，写法如下：<ol></ol> 或 <ul></ul> 或 <dl></dl>3.列表默认情况是一个“块级标签"，占据整行。4.列表类型：“无序列表<ul>" 和

2018-11-24 22:26:40 557

原创 input的type属性

1.input的type 属性的新增值1.概述eamil 用于应该包含“e-mail"地址的输入框url 用于应该包含“URL"地址的输入框search 用于应该“搜索内容"的输入框number 用于应该包含“数值"的输入控件tel 规定显示的类型为“电话号码"的输入框range 规定显示的类型为“数值选择范围"选择控件color规定显示的类型为“颜色"选择控件日期相关1....

2018-11-24 22:14:09 3805

原创 PS基础随笔

1. 画布#####　新建画布ctrl+N2. 图层新建图层Ctrl+Shift+Alt+N复制图层ctrl+J 复制当前选区内容并作为新图层Ctrl+Shift+J 提取并新建选区中的图片，并删除原有选区中的图像删除图层Delete键拖动图层到垃圾桶合并图层Ctrl+E3. 撤销后退一步Ctrl+Z后退多步Windows：Ctrl+Alt+ZMac：Comm...

2018-11-22 22:32:43 176

原创 CSS随笔

多行内容垂直水平居中html：<div class="wrap"> <div class="content"> <img src="img/logo.jpg" /> <h1>Hello World</h1> <h2>CSS层

2018-11-22 22:30:55 106

weixin_43748812的博客