-webkit-appearance: none会清除WebKit引擎浏览器默认样式，有时会很有用，但使用这个样式后会导致checkbox复选框和radio单选框消失。 解决办法： input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } 添加以上CSS即可解决-webkit-appearance导致checkbox复选框和radio单选框消失问题。 …
在响应式设计中，经常需要将文字截断，例如一个两列水平排列的列表，通常不希望li的内容换行，当视图尺寸过小时内容就会被挤到第二行，常用的截断方法为： li { white-space: nowrap; overflow: hidden; } 该方法有一个问题，经常会遇到最后一个文字被截断一半，很难看。 …
表单元素和超链接获得焦点时会呈现出难看的边框，可以通过CSS样式清除： *:focus { outline: none; } 然而今天要说的是移动端点击元素出现蓝色边框，不论什么元素，只要点击就会有蓝色边框。 清除方法： * { -webkit-tap-highlight-color: transparent; } …
WordPress默认会生成四个版本的缩略图，分别为： thumbnail：缩略图大小； medium：中等大小； large：大尺寸； medium_large：固定值宽768，高度不限制； 前三种版本大家都很熟悉了，第四种medium_large搜索wp_options表medium_large_size_w可以看到。由以上列表可以看出，如果我们上传一张足够大的图片，就会产生至少四张缩略图，为什么这里说是至少？因为有时还会根据图片比例不同而生成不同的尺寸。这是何等的浪费空间！ …
WordPress主题很多，所以爱折腾的我们换几次主题是常事，但不同主题调用缩略图的尺寸也不同，此时，这款WordPress缩略图重新生成插件就派上用场了。 插件使用方法： WordPress缩略图重新生成插件本身没有设置项，在多媒体设置中设置好你的缩略图新尺寸，然后在插件页面点击生成缩略图即可。 …
当你回复了用户的评论，或用户之间的相互回复，通过邮件通知该用户，可以促进网站回流，增加用户黏度。 虽然网络上已经有了许多评论回复邮件通知代码，但感觉大多数都太过复杂了，毕竟我们只想要简单的一个通知功能，所以我自己写了一个。 …
早在2014年，百度就推出了Discuz! 和WordPress主动推送网站内容给百度的插件，主动推送内容的意义在于，对于百度来说，可以更好的发现优质站点，而对于站长来说，可以有效的保护原创内容，促进网站收录。 …
<pre>标签可定义预格式化的文本，被包围在pre元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体。 通常在包含一段代码时，我们会用到<pre>标签，与<code>标签的区别是<pre>是块级的，而<code>是行内元素。 …
在使用box-sizing属性前先要了解一下盒模型： 标准盒模型：内容宽度不包含内边距、边框、外边距 IE盒模型：内容宽度包含内边距、边框，但不包含外边距。 box-sizing属性的值： content-box，默认值，遵从标准盒模型； border-box，使用IE盒模型； inherit，继承父元素的box-sizing属性值； 早期的IE盒模型为border-box，但W3C的专家们认为内容宽度不应该包含内边距和边框，所以在CSS2.1中盒模型的默认值为content-box。实践证明盒模型为border-box更容易布局，例如： …
上次在肯德基吃饭刮刮卡获得腾讯视频21天VIP，今天又发现关注腾讯视频官方微信公众号，不仅可以领取3天视频VIP，还可以获得一张观影券，观影券可以用来观看会员用券电影。 扫描二维码关注腾讯视频微信公众号后，即可看到3天免费会员和观影券领取信息。 …