input经常无法与其他元素对齐，通常用外层来包裹input，设置外层样式CSS，如依旧无法达到理想的效果，只能将input块级元素化
1、给input添加CSS属性：display:block
添加display将元素显示为块级元素，前后会带有换行符，用float来排列input
2、给input添加CSS属性：display：inline-block
将元素显示为行内块元素，上下对齐用CSS：vertical-align: bottom; 底部对齐
声明：博客中如无特殊说明或标注的文章均为博客原创文章，部分文章来源互联网，如有侵犯您的版权，或者对零分博客发布的文章有异议，请来信告知删除、修改，如您有好的建议或者意见也可以来信，谢谢！
在很早之前，这个效果叫做开灯/关灯，现在叫做白天/黑夜，曾经有那么一段时间没有看到过这种效果，现在又很多网站/APP都喜欢这种切换白天/黑夜模式。 实现效果：设置2套或者多套色调模板，和之前的那种换皮肤大差不差。所以博客新主题也设置了这么一个效果，样式布局基本没怎么改变，后台设置页升级了一下，很多东西都不再“写死”，可以自由设置！ 白天模式效果： 黑夜模式效果： 感觉黑夜的色调比较好看。 总体涉及到的原理： 1、设计2套或者多套CSS样式，可以在body里添加一个class，后面保留class/ID样式名称不变，在不同的样式里给设计一个区域，通过body里的class名调用不同的样式CSS。
笔记 3,139
在设计手风琴Tab展开收起菜单时，遇到了一个问题，第一次点击时，总是出现多次效果。 display:block，元素可见 slideToggle，当display:block可见时，显示JQ动画效果slideup，当display:none，不可见时，显示效果slideDown， 因为还要设计右边显示展开收起的图标（“+”可以展开，“-”，可收起），默认需要显示第一个菜单展开的效果。所以需要给一个CSS active，当已经展开时添加active，收起时移除active。 因为初次加载时需要展开第一个，所以第一个的初始值有active。 第一次使用时，贪图方便，就把display:block的
笔记 2,244
CSS并排布局： flex，position，float，最近很少用float，感觉总是控制不好它。 最好用的布局，flex，右边设置好一个固定宽度，左边使用grow:1，或者width:calc(100% - 固定宽度)。 另外一种就是position，父层设置 position:relative，padding-right：右边的固定宽度，左边设置width：100%，右边设置position:absolute，固定在右边。 现在习惯用flex，flex，并排的两个层会自动自适应高度
笔记 1,942
var() 函数用于插入 CSS 变量的值。CSS 变量可以访问 DOM，这意味着您可以创建具有局部或全局范围的变量，使用 JavaScript 来修改变量，以及基于媒体查询来修改变量。使用 CSS 变量的一种好方法涉及设计的颜色。您可以将它们放在变量中，而不必一遍又一遍地复制和粘贴相同的颜色。 var() 函数的语法 var(name, value) name：必需。变量名（以两条破折号开头）。value：可选。回退值（在未找到变量时使用）。注释：变量名称必须以两个破折号（–）开头，且区分大小写！ var() 如何工作 首先：CSS 变量可以有全局或局部作用域。 全局变量可以在整个文档中进行
笔记 2,044
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,747
H1标签的作用-网站建设，H1标签是在网站制作过程中，经常用到的一个标签，他的作用仅次于Title，在seo方面，这个标签还有H2,H3，这些标签用好了，对网站的优化会有事半功倍的效果。 H标签都是占用一行的。有时候，我们又不像让H标签占用一行！可以用CSS来限制 CSS：display:inline; width:auto; 对应的效果：
笔记 2,730
Position:fixed，生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 Position:fixed，在实际使用过程中多少都会遇到偏移的问题。虽然说 Position:fixed是相对于浏览器进行定位的，有时候也会受到外层DIV的影响，在非IE下， Position:fixed，浮动时是水平位置是相对于外层的。如果需要水平居中，可以设置left:50%,margin-left:- Position:fixed /2，即本身宽度的一半。其实，CSS位置的设置逻辑还和数学真有点关系！当然，可以
笔记 687
calc() 函数执行用作属性值的计算。可使用如下运算符：+ - * / 一般都是配合百分百 如： width: calc(100% - 100px); calc() 函数执行用作属性值的计算。
笔记 2,838
让文本两端对齐CSS3：text-align: justify，但大多时候可能不会生效。 百度了一下，大概意思是需要告诉浏览器文本不是最后一行！ 使用技巧：在后面添加一个空格符
笔记 2,829
给wordpress单独做了一个置顶文章的页面，之前做了一个文章归档，因为只有输出标题，就没有写分页，置顶文章，做了一个视图类的列表，如果放太多，页面可能会很长，不太好看，也可能会影响到速度，所以就给做了一个分页。 分页是通过钩子创建，不是后台的页面模板创建 add_action('parse_request', 'sticky', 10 , 1) 页面模板创建，可能也是一样，原本以为，可以通过通用的分页函数来分页，发现分页无效。 paginate_links( array( 'total' => $query->max_num_pages, // 总页数 '
笔记 2,074
之前通过公众号助手可以快速注册个人公众号，而且可以注册多个，但实名认证只能是一个。 现在似乎已经不能再注册了，之前注册了2个，一直无法实名认证，就没有再注册，今天试了一下，似乎只能注册一个了。 注册一个之后，即便没有通过实名认证，也算个人类型的。 其他：一个身份证只能绑定5个管理员的公众号，超过5个无法再实名认证，之前利用企业，可以绑定50个，现在已经无法认证个人号了！
笔记 605
域名又出新政策了，已备案的域名不能进行交易了，以前卖出去的域名都是已经备案的，虽然卖出去之后可以进行注销备案！ 阿里云域名交易平台将于2025年10月24日开始对出售中的已备案域名进行治理，相关域名出售信息将不予展示。 所以，以后想通过平台买域名，应该不会有搜索引擎收录了，已经备案的域名估计以后也可能没办法过户，想要过户应该需要先注销备案
笔记 1,070
