CSS并排布局：
flex，position，float，最近很少用float，感觉总是控制不好它。
最好用的布局，flex，右边设置好一个固定宽度，左边使用grow:1，或者width:calc(100% – 固定宽度)。
另外一种就是position，父层设置 position:relative，padding-right：右边的固定宽度，左边设置width：100%，右边设置position:absolute，固定在右边。
现在习惯用flex，flex，并排的两个层会自动自适应高度
声明：博客中如无特殊说明或标注的文章均为博客原创文章，部分文章来源互联网，如有侵犯您的版权，或者对零分博客发布的文章有异议，请来信告知删除、修改，如您有好的建议或者意见也可以来信，谢谢！
在很早之前，这个效果叫做开灯/关灯，现在叫做白天/黑夜，曾经有那么一段时间没有看到过这种效果，现在又很多网站/APP都喜欢这种切换白天/黑夜模式。 实现效果：设置2套或者多套色调模板，和之前的那种换皮肤大差不差。所以博客新主题也设置了这么一个效果，样式布局基本没怎么改变，后台设置页升级了一下，很多东西都不再“写死”，可以自由设置！ 白天模式效果： 黑夜模式效果： 感觉黑夜的色调比较好看。 总体涉及到的原理： 1、设计2套或者多套CSS样式，可以在body里添加一个class，后面保留class/ID样式名称不变，在不同的样式里给设计一个区域，通过body里的class名调用不同的样式CSS。
笔记 3,248
在设计手风琴Tab展开收起菜单时，遇到了一个问题，第一次点击时，总是出现多次效果。 display:block，元素可见 slideToggle，当display:block可见时，显示JQ动画效果slideup，当display:none，不可见时，显示效果slideDown， 因为还要设计右边显示展开收起的图标（“+”可以展开，“-”，可收起），默认需要显示第一个菜单展开的效果。所以需要给一个CSS active，当已经展开时添加active，收起时移除active。 因为初次加载时需要展开第一个，所以第一个的初始值有active。 第一次使用时，贪图方便，就把display:block的
笔记 2,281
var() 函数用于插入 CSS 变量的值。CSS 变量可以访问 DOM，这意味着您可以创建具有局部或全局范围的变量，使用 JavaScript 来修改变量，以及基于媒体查询来修改变量。使用 CSS 变量的一种好方法涉及设计的颜色。您可以将它们放在变量中，而不必一遍又一遍地复制和粘贴相同的颜色。 var() 函数的语法 var(name, value) name：必需。变量名（以两条破折号开头）。value：可选。回退值（在未找到变量时使用）。注释：变量名称必须以两个破折号（–）开头，且区分大小写！ var() 如何工作 首先：CSS 变量可以有全局或局部作用域。 全局变量可以在整个文档中进行
笔记 2,084
CSS控制每段第一个字的样式： *{margin:0;padding:0;} p{width:150px;color:#000;font-size:1em;} p:first-letter{font-size:2.5em;padding-right:5px; text-transform:uppercase;}/*段落第一个字母样式 :first-letter ,另外text-transform:uppercase; 是将英文字母转换成大写格式输出 */ /* :first-letter样式中还可以使用行内元素的vertical-align属性，以控制同行内容的对齐方式,字体比较小时能派上用
笔记 2,780
H1标签的作用-网站建设，H1标签是在网站制作过程中，经常用到的一个标签，他的作用仅次于Title，在seo方面，这个标签还有H2,H3，这些标签用好了，对网站的优化会有事半功倍的效果。 H标签都是占用一行的。有时候，我们又不像让H标签占用一行！可以用CSS来限制 CSS：display:inline; width:auto; 对应的效果：
笔记 2,762
Position:fixed，生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 Position:fixed，在实际使用过程中多少都会遇到偏移的问题。虽然说 Position:fixed是相对于浏览器进行定位的，有时候也会受到外层DIV的影响，在非IE下， Position:fixed，浮动时是水平位置是相对于外层的。如果需要水平居中，可以设置left:50%,margin-left:- Position:fixed /2，即本身宽度的一半。其实，CSS位置的设置逻辑还和数学真有点关系！当然，可以
笔记 715
input经常无法与其他元素对齐，通常用外层来包裹input，设置外层样式CSS，如依旧无法达到理想的效果，只能将input块级元素化 1、给input添加CSS属性：display:block 添加display将元素显示为块级元素，前后会带有换行符，用float来排列input 2、给input添加CSS属性：display：inline-block 将元素显示为行内块元素，上下对齐用CSS：vertical-align: bottom; 底部对齐
笔记 2,963
calc() 函数执行用作属性值的计算。可使用如下运算符：+ - * / 一般都是配合百分百 如： width: calc(100% - 100px); calc() 函数执行用作属性值的计算。
笔记 2,871
让文本两端对齐CSS3：text-align: justify，但大多时候可能不会生效。 百度了一下，大概意思是需要告诉浏览器文本不是最后一行！ 使用技巧：在后面添加一个空格符
笔记 2,852
之前一直使用PHPstudy做本地测试服务器，但是升级了下系统更新了下网络，PHP一直出现502的问题，然后使用了下宝塔Windows面板（最后发现php的502问题是因为防火墙的问题，关闭防火墙就解决了） 宝塔网站域名绑定本地，一样修改hosts文件 C:\Windows\System32\drivers\etc IP指向127.0.0.1 设置宝塔服务器IP：127.0.0.1 因为本地的内网IP，可能会发现变化，所以设置服务器IP：127.0.0.1 作为本地服务器，感觉还是PHPstudy好用些
笔记 2,123
注册Office 365 E3开发者版，无需绑卡免费使用Office 365，0元1年期限，到期可继续延期 注册流程：点击这里注册账号 填写基本信息，直到填写付款信息的页面，直接关闭，不需要填写 接下来点击这里订阅 选择登录账号，可以选择注册账号或者分配的账号登录。 登陆后在付款信息上选择，alipay，保存(Save) 保存之后，在右边购物车点击结算(Place order) 出现以下页面，就表示成功了。
笔记 1,496
win10系统安装phpstudy 8.1版，安装了wordpress 运行时出现404错误，设置了下伪静态，出现了502 bad gateway 在本地新建一个PHP文件测试，也一样出现502 bad gateway错误。 测试下PHP 进去PHP目录运行 php -v 提示：Fatal error: Directive 'track_errors' is no longer available in PHP in Unknown on line 0 打开PHP配置文件，将track_errors设置成off，运行正常！
笔记 1,399
