03 2020 档案
摘要：程序执行结构 顺序结构：按照由上到下的顺序一行一行地执行的程序结构 分支结构：根据不同的条件判断来决定程序执行走向的结构（也叫选择结构） 循环结构：需要重复执行同一操作的程序结构称为循环结构 if 判断逻辑，如果 if(true){ //会执行的语句 } if(false){ //会跳过不执行的语句
阅读全文
摘要：变量的类型 （因为存放进变量中的数据是放在内存中的，计算机只识别0，1，所以需要对不同类型的数据进行编码，编码的结果会导致所需空间不同，所以JavaScript中分成很多种数据类型，以便计算机储存时使用） 数字类型(number)：1234567890 int（integer）：整型 float：浮
阅读全文
摘要：浏览器内核 ( 现代4大内核 ) Trident 代表作：IE Gecko 代表作：Mozilla WebKit : 苹果 & 谷歌旧版本 Blink : 代表作：谷歌 & 欧鹏 CSS Bug、CSS Hack和Filter • CSS Bug: CSS样式在各浏览器中解析不一致的情况，或者说CS
阅读全文
摘要：GRID属性(设为网格布局) display:grid; display:inline-grid; 容器（父元素）： 网格布局 grid-template-rows:; (单位：px/%/fr, auto) grid-template-columns:; 重复行列 grid-template-row
阅读全文
摘要：表单1:表单标签<form></form>属性:action="接口地址" <form action="提交地址" method="提交方式" name="表单名字">method="get/post"name="表单名称" 2:表单控件<input>属性:type="控件类型"name:属性标识表
阅读全文
摘要：html的语言组成 标签 常规标记(双标签):<标签 属性="值"属性="值"></标签> 空标记(单标签):<标签 属性="值" /> 常用标签 h1-h6: 标题标签 特征: 文字加粗变大，依次变小，单独占据一行，h1在一个页面中只允许出现一次， 其他的可以多次出现，常用 h2-h3 i / e
阅读全文
摘要：视口： 浏览器显示页面内容的屏幕区域 布局视口：一般移动端设备的浏览器都默认设置了一个布局视口，为了解决早期PC端页面在移动端上的显示问题 视觉视口： 理想视口：是网站在移动设备的浏览器中最理想的状态对设备来说是最理想的尺寸 引入一个meta标签，通知浏览器进行对应操作 meta标签的主要目的就是为
阅读全文
摘要：有些情况下需要给表格设置圆角，但是border-radius与border-collapse:collapse;会产生冲突，给table设置border-radius并不会生效。可以通过减少单元格框线的方式来不设置boder-collapse;collapse; 这样就能给表格添加圆角了。源码如下：
阅读全文
摘要：弹性盒模型 标准盒模型： 宽高不包含内边距和边框，各自独立 怪异盒模型： 宽高包含内边距和边框 怪异盒模型触发方式： 1、丢失 在IE678下触发 2、给元素添加box sizing:border box; 弹性盒布局： display:flex; display:inline flex; 作用：控
阅读全文
摘要：1、文本阴影
2、文本换行
3、盒子阴影
4、背景属性
5、颜色模式
6、边框图片
7、圆角
阅读全文
摘要：1、属性选择器
2、伪类选择器
2.1 结构性伪类选择器
2.2 目标伪类选择器
2.3 UI 元素状态伪类选择器
2.4 动态伪类选择器
3、层级选择器
阅读全文
摘要：1、新增type类型
2、新增表单属性
3、新增表单标签list/output
阅读全文
摘要：利用CSS中的过渡、转换和3D造个套盒 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 *{margin: 0;padding: 0;
阅读全文
摘要：animation-timing-function：steps(num，start/end)
阅读全文
摘要：形成3D空间 transform-style:preserve-3d; 景深：观察物体时，近大远小 perspective:800px;（给父级元素添加） 观察点位置设置 perspective-origin:; left right top bottom px 背面不可见 backface-vis
阅读全文
摘要：渐变transition
转换transform
阅读全文
摘要：1、bfc区域的规则
2、bfc触发规则
3、bfc应用
阅读全文
摘要：表格： thead 表头 tbody 表体 tfoot 表尾 th 列标题，默认居中加粗的td caption 表格表体，默认左右居中 colgroup span="num" 列分组 表格属性： border-spacing:单元格间距，必须给table添加 border-collapse:coll
阅读全文
摘要：宽度自适应： 默认宽度100%的元素 width:;单位为% 最小宽度自适应： min-width:; 最大宽度自适应： max-width:; 高度自适应： 不写height,让内容撑起 height:50%; 前提==>html,body{height:100%;} 最小高度自适应： min-h
阅读全文
摘要：文档流： 普通流：上至下，左至右 浮动流：元素添加了float：； 定位流：添加了定位属性 定位 position:; static 默认值 absolute 绝对定位(脱离文档流，不占位；默认参考浏览器零点) relative 相对定位（占据文档流，占位置；参考自身加载在页面中的位置） fixed
阅读全文
摘要：overflow:文本溢出设置 hidden 超出隐藏 scroll 超出时滚动查看（未超出时也有滚动机制） auto 超出时滚动查看（自适应，未超出时不会有滚动机制） inherit 继承父级的overflow设置 white-space:文本空白 normal 默认值 pre 保留所有格式，且不
阅读全文
摘要：块元素(block) div h1-h6 p ul li dl dt dd 1、占据一整行位置 2、可以设置宽高 3、能正常设置内外边距 4、一般用来搭建页面结构，就像盒子一样，用来装其他东西 5、在页面中以矩形显示 内联元素(inline) span a i em b strong 1、只占据自己
阅读全文
摘要：切图 矩形选框==>Ctrl+C==>Ctrl+N==>Ctrl+V==>Ctrl+Shift+Alt+S保存 切片工具==>Ctrl+Alt+Shift+V保存 今天第一次写了一个网页版面，不得不说真是万事开头难，还要加快速度，要多加练习了。
阅读全文
摘要：盒模型的组成：内容区、补白/填充、边框、边界/外边距 padding:; 内边距，边框与内部内容的距离,不能为负值，不会对背景图造成影响 margin:; 外边距，边框与外部内容距离，可以为负值 margin/padding-top/right/bottom/left:; 设置单一方向边距 marg
阅读全文
摘要：文本大小font-sizepx 像素单位9pt=12pxem 与父级的文本大小呈倍数关系rem 与html(根元素)呈倍数关系默认大小为16px最小显示为12px文本颜色color#ff0000 十六进制a-f,0-9 aabbcc可以缩写成abcrgb(0,0,0) 范围0-255rgba(0,0
阅读全文
