m0_45491627的博客

Bootstrap 是一个开源的前端框架，用于快速设计和定制响应式的网站和Web应用。它包含了一系列的HTML、CSS和JavaScript工具，可以帮助开发者快速构建出美观、响应式的用户界面。响应式设计：Bootstrap提供了一系列的CSS类，使得网站能够自动适应不同大小的屏幕，包括手机、平板和桌面显示器。预定义的组件：Bootstrap包含了大量的预定义组件，如按钮、表单、导航栏、卡片、模态框等，这些组件可以快速地添加到你的项目中，无需从头开始设计。

最后进入事件冒泡阶段，button的事件触发完以后会按button–>div(d2)–>div(d1)–>body–>html的顺序寻找父标签中是否绑定事件，如果父标签绑定了事件则会随着子标签事件的触发一并被触发。我们知道html的结构是html–>body–>div(d1)–>div(d2)–>button，当我们点击button标签时实际上也是在点击div(d2)和div(d1)标签，因此html中子事件被触发时，父事件也会跟着触发。show(speed,callback)：显示隐藏的元素。

jQuery 是一个高效、精简并且功能丰富的JavaScript工具库，其极大的简化了JavaScript编程的繁琐程度。//cdn//使用cdn以后无需下载文件即可直接使用jquery//下载文件并在本地引用<script src="jquery文件路径"></script>jquery下载解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。加载图片等外部文件。页面加载完毕。

【代码】前端（十）js的使用。

上面的闭包函数中inner函数的变量x作用域在函数定义阶段就已经确定为outter函数的形参x，而由于inner函数中引用了变量x，因此原本在outter函数运行结束就应该释放的局部变量x会保持下来，这样闭包函数就完成了将外部参数保存至内部函数的功能。同样的下方代码中，函数func的定义阶段存在对变量e的赋值，因此变量e为局部变量。是变量声明会被放到顶部，所有上方的代码可以等价于。在js中代码是从上往下一次执行的，并且js中的变量的声明会被放到作用域的顶部位置，而函数的定义与声明都会放到作用域的顶部位置。

javaScript一般用来编写客户端脚本，来为html页面添加交互行为，是前台语言，而不是后台语言。< script > // 方式一 </ script >< script > // 方式一 </ script >// 方式一< script > // 方式一 </ script ></< script > // 方式一 </ script >--方式二--> < script src = " xxx.js " > </ script >

绝对定位就是寻找父级标签中设置为定位流的标签(相对定位、绝对定位、固定定位)，自身相对于这个标签进行移动，如果父级标签不存在定位流的标签则会找body作为参考标签，如果父级标签存在多个定位流标签，则会选择离自身近的标签作为参考标签。另外绝对定位是完全脱离文档流的，这就意味着绝对定位不区分块级、行内、行内块级元素，可以给这些元素设置宽高，同时绝对定位在文档流中不占用位置，下方元素会顶上设置绝对定位的元素位置。所谓相对定位就是相对于自己在文档流中的位置来移到，这是一种不脱离文档流的布局方式。

另外在上一章中提到过一个问题，如果两个盒子嵌套，父盒子没有边框，子盒子的margin-top会把两个盒子都定下来.这个问题的本质是父元素没有边框，子元素的margin-top不能参照父元素，那么就会去参照body，因此父元素和子元素会一起被顶下去。当父级元素宽度无法容纳浮起元素时，浮起元素会先找前面元素的左下点作为垂直位置的起始点，贴靠在其空白处，如果此元素也无法容纳浮起元素，则浮起元素再找前一个元素，以此类推直到找到父元素最左侧为止，此时无论父元素能否容纳，浮起元素都会显示在该位置。

css中可以通过display进行标签的转换，none表示不显示标签也不占用空间，block表示块级标签，inline表示行内标签，inline-block行内块级标签。在css中可以把html的标签分为块级标签和行内标签，块级标签是占一整行的标签，如div、p等，标签结束会自动换行，而行内标签则不会自动换行。行内标签：不会独占一行，不可以设置宽高，有span、buis、strong、em、ins、del。块级标签：会独占一行，可以设置宽高，有 div、h、ul、ol、dl、li、dt、dd 、p。

p{color: red;

可以给td加colspan完成水平方向的单元格合并，也可以给td加rowspan完成垂直方向的单元格合并，单元格的合并永远是向下或者向后合并的。width和height表示宽高，可以给table设置表格整体的宽高(默认情况下表格自动调节)，也可以给td设置单元格及其影响行列的宽高，但是不能超过表格整体的宽高。align给表格加是设置表格整体的对齐方式，align、valign给tr加是设置一行的对齐方式，align、valign给td加是设置一个单元格的对齐方式。disc：实心圆(默认值)

在html中有些字符是被html保留的，例如大于小于，有些则是有着特殊含义，还有一些如空格回车tab等会被当作一个空格处理，为了能正常显示这些字符，以此需要使用字符实体。非语义化的标签可以用来修改文本的样式，但是一般html中都是使用css来完成样式的修改，因此非语义化的标签并不推荐使用。另外<div></div>和<span></span>也是没有语义的标签，但是这两种标签却使用的较为广泛。a标签还可以用来存放假链接，假链接是开发初期不知道a标签应该跳转到那个页面，临时存放的链接。

用户使用浏览器打开网页这一系列过程中浏览器会将服务端的文本文件内容下载到本地，然后打开显示出来。在pycharm中如果想要快速创建xhtml1.0结构的文本文件可以输入快捷键html:xt + tab，如果想要创建html5格式的文档文件可以输入快捷键 html:5 + tab。xhtml和html5的区别是xhtml更为严格，它要求标签必须小写、必须严格闭合、标签中的属性必须使用引号引起，img必须要加alt属性等等；