QHQLemon的博客

flex弹性布局1.什么是flex布局Flexible Box，弹性布局，是2009年W3C提出的新的一种布局方案，可以简便、完整、响应式地实现各种页面布局。2.flex布局相关属性弹性盒子，必须配合父元素display: flex使用，父元素称为容器，子元素则称为项目。3.项目（子元素）上的六个属性（1）flex-grow：放大比例，根据所设置的比例分配盒子所剩...

补充元素abbr缩写词 <abbr title="cascading style sheet">css</abbr>time提供给浏览器或搜索引擎阅读的时间 <time datetime="2019-9-21">今年九月</time> b以前是一个无语义，主要用于加粗字体，h5提倡语义化，现表示区分q表示一小...

美化表单新的伪类:focus：元素聚焦所有元素都有聚焦，可通过元素的tabindex属性的大小，设置tab键元素聚焦时的顺序 .box:focus{ outline: none; outline-offset: 0; }:checked：表示单选框或多选框被选中的样式（很少样式可设置） input:checked + label{ color: #ccc; }...

表单元素一系列元素，用于收集用户数据input输入框type：输入框的类型（1） text：普通文本框（2）password：密码框（3）date：日期选择框，有兼容性问题（4）checkbox：多选框， name属性表含义，value表值，checked默认选中（5） radio：单选框， name属性表含义，value表值，checked默认选中（6）file：选择文件...

iframe元素作用：在页面中嵌入另外一个页面可替换元素：通常是行盒通常显示的内容取决于元素的属性css不能完全控制其中的样式（如图片的颜色，或者引入页面的样式）具有行块盒的特点src属性：网页地址(如视频网站嵌入代码)<a href="www.baidu.com" target="myframe"><a href="www.taobao.com" targ...

浮动应用场景文字环绕横向排列（兼容性好）（行块盒有空白折叠）浮动的基本特点修改float属性值为left：元素靠上靠左排列right：元素靠上靠右排列none：默认值当一个元素浮动后，一定是块盒（display: block）浮动元素的包含块和常规流一样，为父元素的内容盒盒子尺寸宽度为auto时（常规流吸收），浮动适应内容宽度高度为auto时，与常规流一致...

视觉格式化模型盒模型：规定单个盒子的规则视觉格式化模型（布局规则）：页面中的多个盒子排列规则视觉格式化模型大体上将页面中盒子的排列分为三种常规流浮动定位1. 常规流布局又称为：常规流、文档流。普通文档流、常规文档流所有元素，默认情况下，都属于常规流布局总体规则：块盒独占一行，行盒水平依次排列包含块（containing block)：每个盒子都有它的包含块，包...

盒模型每一个元素在页面中都会生成一个矩形区域（盒子）盒子类型：行盒：display为inline的元素（不换行）块盒：display为block的元素（独占一行）display默认值为inline浏览器默认样式表设为块盒：容器元素（div，header…）,h1 ~ h6, p常见行盒：span, a, img, video, audio盒子的组成部分组成部分：content...

文章目录css样式1. 术语选择器声明块2. css代码位置3. 常见样式声明4. 选择器简单选择器选择器组合选择器的并列5. 层叠（1）比较重要性（2） 比较特殊性（3） 比较源次性应用css样式1. 术语css规则 = 选择器 + 声明块选择器选择器：选中元素元素选择器 p {}id选择器 #wrapper {}类选择器 .box {}声明块声明块：包含很多声明（属...

1.数据类型（1）原始值：number、string、boolean、undefined、null、symbol（2）引用值：object（3）区别：原始值和引用值的存储方式不同，原始值在栈内存里放的是值，而引用值放的是堆地址，所以当将一个引用值赋值给一个变量时，拷贝的也是堆的地址，指向同一个地址，改变的时同一个引用值2.typeof返回字符串，表示传入值的数据类型不同数据...

1.事件处理模型（1）事件冒泡结构上嵌套的元素，会存在事件冒泡功能，也就是说，同一事件，子元素会向父元素冒泡 无论哪种绑定方法都存在事件冒泡 var wrapper = document.getElementsByClassName('wrapper')[0]; var content = document.getElementsByClassName('content...

1.绑定事件的方法（1）ele.onxxx = function(event){}兼容性很好，但是一个元素的一个事件类型只能绑定一个处理函数 基本等同于写在HTML行间上 var wrapper = document.getElementsByClassName("wrapper")[0]; wrapper.onclick = function(){ c...