panghutx's Blog

函数是一块代码，接收零个或多个参数，做一件事情，并返回零个或一个值。 调用函数 函数名() ()起到了表示函数调用的作用，即使没有参数也需要()；如果有参数，则需要给出正确的数量和顺序，这些值会被按照顺序依次用来初始化函数中的参数。 123456789101112131415#include<stdio.h>void sum(int begain, int end){ int i = 0; int sum = 0; for (i=begain; i <= end; i++) { sum += i; } printf("%d到%d的和是%d", begain, end, sum);}int main(){ sum(1, 10); return 0;} 从函数中返回值 return停止函数的执行，并返回一个值。 12345678910111213141516171819#include<stdio.h>int max(int a, int b){ int ret...

整数 char：1字节（8比特） -128~127 short：2字节 -32768~32767 int：取决于编译器（CPU），通常意义是“1个字” long：取决于编译器（CPU），通常意义是“1个字” long long：8字节 整数的内部表达都是二进制 补码 补码的意义就是拿补码和原码可以加出一个溢出的“零” 0-1=-1 (1)00000000 - 00000001 --> 11111111 11111111被看作纯二进制看待时，是255，被当作补码看待时是-1 同理，-a的补码是0-a，实际上是 (n是这种类型的位数) 2n−a2^n-a 2n−a 8进制和16进制： 一个以0开始的数字字面量是8进制 一个以x开始的数字字面量是16进制 %0用于8进制，%x用于16进制 8进制和16进制只是如何把数字表达为字符串，与内部如何表达数字无关 浮点数 类型 字长 有效数字 scanf printf float 32 7 %f %f，%e double 64 15 %lf %f，%e 输出精度：在%和f之间加上...

rem基础 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 12345678/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ div { font-size: 2rem;} rem的优势：父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好来控制整个页面的元素大小。 媒体查询 什么是媒体查询 媒体查询（Media Query）是CSS3新语法。 使用 @media查询，可以针对不同的媒体类型定义不同的样式 @media 可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询 媒体查询语法...

flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。 给父盒子添加flex属性，来控制子盒子的位置和排列方式 父项常见属性 flex-direction：设置主轴的方向 justify-content：设置主轴上的子元素排列方式 flex-wrap：设置子元素是否换行 align-content：设置侧轴上的子元素的排列方式（多行） align-items：设置侧轴上的子元素排列方式（单行） flex-flow：复合属性，相当于同时设置了 flex-direction 和 flex-wrap flex-direction 设置主轴方向，在flex布局中分为主轴和侧轴（x、y轴），默认主轴是x轴，水平向右。 1234flex-direction: row; /*主轴为x轴，从左到右*/flex-direction: row-reverse; /*，...

meta标签 为使网站在移动端有理想的阅读宽度，需添加meta标签。 meta标签的目的：使布局视口的宽度与理想视口的宽度一致，简单理解就是设备有多宽，我们布局的视口就多宽。 1<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"> width - viewport的宽度，width=device-width页面适应设备宽度 initial-scale - 初始的缩放比 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放，yes or no（1或0） 二倍图 物理像素&物理像素比 CSS 像素：又称为虚拟像素、设备独立像素或逻辑像素，也可以理解为直觉像素。CSS 像素是 Web 编程的概念，指的是 CSS 样式...

7月7日回到家，8.26号返校，不知不觉已经在家呆14天了，还有一个月就大二了…… 正如李宗盛《给自己的歌》中写道：“等你发现时间是贼了，它早已偷光你的选择”。想到第一次去学校的场景，现在还历历在目，一年的时间已经溜走，大学已完成了1/4，大学中能做的选择也已被偷走了1/4。 沉湎于过去毫无意义，过去已经不属于我了，我拥有的只有现在。我的人生就取决于当下。 《被讨厌的勇气》里有这样一段： 我有一位年轻朋友，虽然梦想着成为小说家，但却总是写不出作品。他说是因为工作太忙、写小说的时间非常有限，所以才写不出来作品，也从未参加过任何比赛。但真是如此吗？实际上，他是想通过不去比赛这一方式来保留一种“如果做的话我也可以”的可能性，即不愿出去被人评价，更不愿去面对因作品拙劣而落选的现实。他只想活在“只要有时间我也可以、只要环境具备我也能写、自己有这种才能”之类的可能性中。或许再过5年或者10年，他又会开始使用“已经不再年轻”或者“也已经有了家庭”之类的借口。 阿德勒心理学不同于弗洛伊德的“原因论”，ta主张的是“目的论”。一件事的结果不是由原因决定的，而是由目的决定的。上面的案例，那位梦想...

类似网站中的广告，点击关闭时消失，重新刷新页面再出现。 本质：让一个元素在页面中隐藏或者显示出来。 display display: none ；隐藏对象 display：block ；显示元素/转换为块元素 display 隐藏元素后，不再占有原来的位置。 visibility visibility：visible; 元素可视 visibility：hidden; 元素隐藏 visibility 隐藏元素后，仍占有原来的位置。 overflow overflow 属性指定在元素的内容太大而无法放入指定区域时是剪裁内容还是添加滚动条。 overflow 属性可设置以下值： visible - 默认。溢出没有被剪裁。内容在元素框外渲染 hidden - 溢出被剪裁，其余内容将不可见 scroll - 溢出被剪裁，同时添加滚动条以查看其余内容 auto - 与 scroll 类似，但仅在必要时添加滚动条 注释：overflow属性仅适用于具有指定高度的块元素。

定位 浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列盒子。 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。 定位=定位模式+边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 定位模式 1234position: static; /*静态定位*/position: relative; /*相对定位*/position: absolute; /*绝对定位*/position: fixed; /*固定定位*/ 边偏移 1234top: 20px; /*顶级偏移量，定义元素相对于父元素上边距的距离*/bottom: 20px; /*底部偏移量，定义元素相对于父元素下边距的距离*/left: 20px; /*左侧偏移量，定义元素相对于父元素左边距的距离*/right: 20px; /*右侧偏移量，定义元素相对于父元素右边距的距离*/ static 静态定位是元素的默认定位方式，无定位的意思。 1选择器 { position: static; } 静态定位按照标准流特性摆...

网页布局 标准流 块级元素：独占一行，从上向下顺序排列。 常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素：按照顺序从左到右顺序排列，碰到父元素边缘则自动换行。 常用元素：span、a、i、em等 以上都是标准流布局，标准流是最基本的布局方式。 浮动 定位 浮动 float属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。 1float: left; /*right/none*/ 浮动和标准流的父盒子搭配。 先用标准流的父元素排列上下位置, 之后内部子元素采取浮动排列左右位置 一个元素浮动了，理论上其余的兄弟元素也要浮动。 一个盒子里面有多个子盒子，如果其中一个盒子浮动了，那么其他兄弟也应该浮动，以防止引起问题。 浮动的盒子只会影响浮动盒子后面的标准流,不会影响前面的标准流。 清除浮动 为什么要清除浮动 由于父级盒子很多情况下，不方便给高度，但是子盒子浮动又不占有位置，最后父级盒子高度为 0 时，就会影响下面的标准流盒子。 清除浮动本质 清除浮动的本质是清除浮动元素造成的影响...

边框 12345border-width/*定义边框粗细，单位px*/border-style /*边框样式 solid实先 dashed虚线 dotted点线 */border-color /*边框颜色*/border: 1px solid red; /*简写*/border-collapse:collapse; /*表示相邻边框合并*/ 内边距 padding内边距，即边框和内容之间的距离 1234567padding:5px; /*上下左右都有5像素内边距*/padding:5px 10px; /*上下5px，左右10px*/padding:5px 10px 20px; /*上内边距5px，左右10px，下20px*/padding:5px 10px 20px 30px; /*上5，右10，下20，左30*/ 外边距 margin 用于设置外边距，即控制盒子和盒子之间的距离。 块级盒子水平居中 外边距可以让块级盒子水平居中，但是必须满足两个条件： ①盒子必须指定了宽度（width）。 ②盒子左右的外边距都设置为auto 。 123456789.header{ w...