软件架构分为：B/S,C/S 一般我们使用的软件都为C/S架构，其特点：1、软件使用前必须要安装 ；2、软件更新时，客户端和服务器需要同时更新；3、软件不能跨平台使用 B/S本质上也是C/S，只不过使用浏览器网站作为软件的客户端。B/S架构的软件其实就是一个网站，可以跨平台使用；软件更新时，客户端不需要更新。
自己定义的样式在浏览器中都可以调试
padding会影响网页的布局(若width本来为50px,为其设置10px的padding-left后width变为60px) 边框圆角：border-radius:5px; 利用CSS画圆形:width:100px;height:100px;border-radius:50%;画椭圆则将正方形改为矩形即可。 去掉边框的轮廓：outline:none;
几种元素的区别： 块元素：1、独占一行 2、可以对其设置宽度，高度，边距，行高 3、默认高度被内容撑开，宽度为父元素100% 内联元素：1、相邻内联元素会排列在同一行中，直到行满才换行 2、可以对其设置padding和左右margin(设置左右margin时不可以直接margin:0 auto;margin:auto;使元素居中)3、默认宽度，高度均被内容撑开 行内块元素：1、可以和行内元素/行内块元素放在同一行，直到行满才换行 2、可以对其设置宽度，高度，边距，行高 3、默认宽度，高度均被内容撑开
对一个元素设置样式：display:flex;该元素(盒子)会变为弹性盒子。若该元素为内联元素，则该元素独占一行且可以对其设置宽高；若该元素的有子元素且子元素若为块元素，则这些块元素将不会独占某一行。继而设置样式justify-content:center;这些子元素/该元素中文字内容将会沿父元素横轴水平居中排列，设置样式align-items:center;这些子元素/该元素中文字内容将会沿父元素纵轴垂直居中排列；
外边距合并问题
1、处于文档流中的块元素垂直外边距相遇时会发生合并，最后的垂直外边距高度为两者中的较大者 2、当处于文档流中的一个块元素包含另一个块元素时，在两者均没有上下边框的前提下，垂直外边距也会发生合并，最后的垂直外边距高度为两者中的较大者
1、子元素宽度为父元素30%，如果设置其为浮动，宽度不会发生变化 2、子元素(行内/块元素)浮动，无论其父元素是否浮动，其的margin-left及margin-right都依据父元素边框 3、无论行内元素还是块级元素，脱离文档流之后都能对其宽高进行设置 4、设置子元素(行内/块元素)水平+垂直居中的方法：父元素相对定位，子元素绝对定位+设置其宽高(无论行内/块元素都要设置)+top:0;bottom:0;right:0;left:0;margin:auto. 5、a中包含别的标签，若选定该标签并设置其内容文字颜色，则点击文字不会发生颜色变化 6、设置两个img标签，如果第一个width为100%，则第二个会到新的一行且两img之间有空隙[解决方案：将img都放入到div中即可] 7、将行内元素，行内块元素水平垂直居中的最好方式(不改变其层级)：
<div id="wrap"> <span>123</span> </div #wrap { width: 300px; height: 300px; border: 1px solid black; text-align: center; } #wrap span { vertical-align: middle; } #wrap:after { content:""; display: inline-block; height: 100%; vertical-align: middle; }8、若想把body高度设置为整个屏幕大小：html,body{height:100%;} 9、禁止启动屏幕滚动条：html,body{height:100%;overflow:hidden;}
