qq_39366219的博客

开发工具《webstorm》1、如何更改主题（字体&配色） file->setting->editor->colors&fonts->scheme选择你的主题（darcula）。2、如何让webstorm启动的时候不打开工程文件 file->setting->Appearance&Behavior->System settings 去掉 reopen last porject

css部分css指层叠样式表（cascading style sheets），它们控制网页内容的外观。使用css设置页面样式时，可以将内容与表现形式分开。网页内容（HTML代码）驻留在HTML文件自身中，而css驻留在另一个文件中（外部样式表*.css）或HTML文档的另一部分（通常为文件头部分）中。写页面时要做到 结构（HTML）、样式（css）、行为（js）相分离，

css基础样式常见的一些样式1.color:red; 字体颜色2.font-family:Microsoft YaHei;字体样式3.text-align:center; 文字内容居中显示，它有其他可选值 left right；针对元素内容或行内元素4.background-color:red 背景色5.border:1px solid green; 为元素添加边框

html5新增语义化标签一、header 页面头部footer 页脚article 定义页面独立的内容区域 一般为文章aside 定义页面的侧边栏内容details 文档某个部分的细节summary 是details中的标题time 定义日期或时间ruby 标注拼音mark 标记nav 导航链接二、1.progress 进度标签  （ v

css的其他选择器 （基础选择器、关系选择器、属性选择器、伪类选择器、伪对象选择器）关系选择器1.包含选择器（E F）如:ul li{color:red;}2.子选择器（E>F）E元素的直接子元素F,对更深一层的元素不起作用3.相邻选择器（E+F）E元素之后的F元素,选择相邻的第一个兄弟元素4.兄弟选择器（E~F）E元素之后的所有兄弟元素F,作用于多个元素属性选择器

浮动float是css样式中的定位属性，用于设置标签的居左浮动和居右浮动，浮动后的元素不属于HTML文档流，需要用清除浮动把文档拽回文档流中。（float值：  left 向左浮动；right 向右浮动）网页中大部分对象默认是占用文档流，不过有四种情况使得元素离开文档流：浮动float、绝对定位absolute、相对浏览器定位fixed、元素不显示display：none；这四

优先级计算优先级数值比较：以数值大的为准  style=1000id=100class=10element=1所以有：ID>CLASS>元素>*important>内联>ID>类>标签|伪类|属性选择器>伪元素>继承>通配符

盒子模型w3c组织建议把网页上元素看成一个个盒子。盒子模型主要定义四个区域：内容（content）、内边框（padding）、边框（border）、外边框（margin）。css盒子模型的属性内容属性：宽=width 高=height（宽和高组成了content的内容区）内边距属性：padding如果设置了背景图，那图片会延伸到padding的位置。paddin

浏览器内核以及其前缀根据不同的浏览器内核，css前缀会有不同。最基本的浏览器内核有如下四种，其他的内核都是基于此四种进行再研发的1.Gecko 内核   前缀为-moz- 火狐浏览器2.Webkit 内核   前缀为-webkit- 也叫谷歌内核，chrome浏览器最先开发使用，Safari浏览器也使用该内核。国内很多浏览器也使用了webkit内核，如360极速、世界之窗、猎豹等

清除浮动三种方式：1.使用伪元素清除浮动.box::after{content:"";clear:both;display:block;}.left,.right{width:100px;height:100px;background:#fff;float:left;}2.使用overflow：hidden清除浮动.box{overflow:hidden

-- 增加主键create table mypri1(name varchar(20) not null comment '姓名',number char(10) primary key comment '学好:itcast +000,不能重复')charset utf8;-- 复合主键create table mypri2(number char(10) co

css特殊图形制作三角形使用的是border属性，内容区宽高值为0span{display:inline-block;width:0px;height:0px;border-top:50px solid red;border-left:50px solid blue;border-right:50px solid orange;border-bottom

动画animation@keyframes规则如需在css3中创建动画，需要学习@keyframes规则。@keyframes规则用于创建动画。在@keyframes中规定某项css样式，就能创建由当前样式逐渐改为新样式的动画效果。写规则时至少包含两个属性：规定动画的名称；规定动画的时长写好规则，再使用animation属性来应用到某个元素animation

过度Transitioncss的transition允许css的属性值在一定的时间区间内平滑的过渡语法格式transition：属性名 时间 速度曲线 何时开始transition：width 2s ease-in 2s;-webkit-transition:width 2s ease-in 3s; width 因为我们是为宽度写了hover后的值，所以如果这里写h

一、行内元素与块元素行内元素也叫内联元素，块元素有的也叫行元素行级元素和块级元素元素是通过display的属性值来划分的：block块元素 inline元素 inline-block行内块元素块级元素的特点：1、总是在新行上开始，占据一整行；2、高度，行高以及外边距和内边距都可控制；3、宽在未设置情况下与浏览器宽度一样，与内容无关；4、它可以容纳内联元素和其

请求响应模型通过网址发送一个请求到服务器请求看某个页面；服务器通过请求，把页面的源码传到你浏览器中；接到的页面源码，通过浏览器解析变成页面。HTML文档&浏览器解析器&DTD文档的关系HTML文档：是一堆代码，用户无法直接看浏览器解析：把代码解析转换成图片、文字用户可以看的内容DTD文档：你HTML文档的规范，规定了使用哪个版本的HTML。

页面布局 常见三种方式：Frameset布局，Table布局，Div布局Frameset框架集 （三个标签：Frameset标签、frame标签、iframe标签）使用frameset是不可以和body同时使用，因为它们是同级的，一个frame引导一个html文档。一个框架集可包含多个html文档。frameset示例：                 

表格布局   table>tr>td/th(加粗的td)                         table相关属性边 border跨行 rowspan="2"跨列 colspan="3"宽 width高 height排列属性 align，可居中显示表格对于复杂的表格，可以分为：题头thead，正文tbody，脚注tfoot 三部分，使用这三部分可以

页面中常见的图像格式   矢量图与位图矢量图是放大缩小不会失真的图形，如svg画出的图位图，也叫像素图，好比一幅大的拼图，每一块就是一个像素，有jpg,png,gif。jpg、bmp格式的图片比png格式的体积大，所以尽量不用jpg和bmp格式的图片web优先使用png照片、色彩要求高的图片 jpgweb 中的小动画 GIFUI设计图一般是PSD

html实体字符 一般格式 &+实体+；实体字符对大小写是敏感的常用的实体字符：大于> 小于 < 引号 " >> » 空格   版权 ©实体字符对照表http://tool.xker.com/htmlchar.php

html实体字符 一般格式 &+实体+；实体字符对大小写是敏感的常用的实体字符：大于> 小于 < 引号 " >> » 空格   版权 ©实体字符对照表http://tool.xker.com/htmlchar.php

服务器搭建xampp下载及安装下载地址：https://www.apachefriends.org/zh_cn/index.html，找到XAMPP for Windows 点击下载下载 安装（最好别放在C盘）使用方法：打开xampp在安装路径下找到htdocs文件夹把你写的带有form的HTML文件拷贝到htdocs下访问localhost（本地地

css继承所谓css的继承是指被包在内部的标签将拥有外部标签的样式性质。继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代。例如一个body定义了颜色值也会应用到段落的文本中。继承的局限性在css中，继承是非常自然的行为，但是继承也有局限性。有些属性是不能继承的，比如border属性用来设置边框，它就没有继承性。padding和marg

css3基础样式 边框 阴影 字体关于边框border-radius border-radius：0px 10px 20px 0px;设置四个方向的值box-shadow  css中的box-shadow属性被用来添加阴影。书写格式box-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 颜色；box-shadow:10px 20px; 5px

用原生JavaScript写数据分页缓存，看教学视频写的，下面是详细代码。index -->body{margin:0;padding:0;}.wrap{margin:30px auto;border:1px solid;width:500px;}.flex_row{padding:0;display:flex;f