Marrygang的博客

原创 对于nginx容器部署前端项目的紧急有用教学

对于nginx容器部署前端项目的有用教学使用到的工具适用场景主要内容使用到的工具Xshell Xftp 两者网上都可以下载免费绿化版适用场景自己是培训出来的前端，对于很多东西还没接触过不懂，公司有个项目要我把项目打包传到服务上去，打包大家都会npm run build 生成dist文件，之后我就不知道怎么办了，之前离职的前端也不肯教我，所以自己请教了别人，在这里记录下来一方面怕自己过去太久忘记，另一方面希望有没接触过的小白接到这类任务之后希望能帮他一把，谁都有第一次的时候不是吗。主要内容1.首

原创 边框和圆角

<style> section{ width: 300px; height: 300px; margin: 100px auto; /*border：设置边框，后面的值可以调换顺序，但是推荐使用 width style color的顺序 width：边框线宽 style：边框线样式...

原创 边框和圆角

原创 css中的表格属性

表格表格的作用：用来表示格式化的数据使用table标签创建一个表格tr 标签标识表格中的一行（可以编写一个或多个th或td）th表示表头td表示表格中的一个单元格caption 表示表格的标题Thead 表示表格的头部tbody 表示表格的主体tfoot 表示表格的底部text-align：设置文本的水平对齐vertical-align 设置文本的垂直对齐border-sp...

原创 元素转换

1.如何转换CSS元素的显示模式?设置元素的display属性2.display取值block 块级inline 行内inline-block 行内块级3.快捷键di display: inline;db display: block;dib display: inline-block;div{display: inline;background: red;width: ...

原创 伪元素选择器

在最新的CSS3标准中，把伪对象的格式改成了双冒号，即::before，::after，是为了和伪类分开。早期的浏览器，比如IE8，只支持单冒号的伪对象。如果为了往下兼容，可以使用单冒号伪对象，如果只兼容IE9以上的现代浏览器，可以使用双冒号伪对象。一、伪对象选择器:before 在元素内部所有子元素之前添加内容 :after 在元素内部所有子元素之后添加内容用的最多的，能够产生无穷想象力...

原创 小白得块元素塌陷问题解决

元素塌陷问题：子元素脱离文档流，父元素无高度为元素塌陷问题这就是元素塌陷，父元素div1没有高度，因为子元素都浮动解决方法：1.给父元素设置固定高度缺点：这种方法不好，因为有时候你并不知道父元素高度应该设为多少2.给父元素也浮动(float,position:absolute)缺点：强制让父元素浮动，里面要是再想添加别的不浮动的子元素会影响父元素3.给父元素加ove...

原创 标签

标签 描述 定义注释。  定义文档类型。 定义锚。 定义缩写。 定义只取首字母的缩写。 定义文档作者或拥有者的联系信息。 不赞成使用。定义嵌入的 applet。 定义图像映射内部的区域。 定义文章。 定义页面内容之外的内容。 定义声音内容。 定义粗体字。 定义页面中所有链接的默认地址或默认目标。 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 定义文本的...

原创 html常识

什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。...

原创 html盒模型

H5新标签：video 插入视频audio 插入音频canvas 表示位图区域source 为video和audio提供数据源track 为video和audio指定字母svg 定义矢量图code 代码片段figure 和文档有关的图例main 主体内容time 时间日期mark 高亮的引用文字output 计算值progress 进度条menu 菜单embed 嵌入...

原创 弹性布局的属性

弹性布局的属性属性及作用1、 display:flex; 弹性布局，父级2、 flex-deriction 方向，父级3、 flex-wrap 换行，父级4、 justify-content 水平对齐方式，写在父级5、 align-items 垂直对齐方式，写在父级6、 align-content 垂直对齐方式，用于修改 flex-wrap 属性的行为(如果不换行，则无效),写在父级...

原创 table标签

table标签定义表格，tr元素定义表格行，td元素定义表单元格，th元素定义表格头。table属性：border 表格边框 border-collapse 默认是不合并边框，取值为collapse，表示合并 cellpadding 表示内容与单元格边框的距离 cellspacing 表示单元...