class 连写提升 CSS 样式优先级
本文介绍一些前端技巧，前端高手可以绕道。平时在写 CSS 的时候，经常的会用到 @media screen 功能，用来兼容不同设备。在实际测试中发现，@media screen 样式必须放在被覆盖的样式后面，否则这个样式是不会生效的。当今很流行的网页布局，左边菜单区，位置固定，主体内容区域除去菜单区域宽度后居中展示；如果屏幕比较小，对主体内容样式做一些修改，比如与左边菜单区的距离等。如下代码示例：.si...
PHP 函数 mime_content_type 的缺陷
PHP7.1.10 函数 mime_content_type 有个小的 Bug，至少是个缺陷。对于 css 后缀的文件返回的类型是 text/plain。这样导致 css 没法被浏览器解析，页面当然会出问题。echo mime_content_type('mime.css'); // text/plain对于 js 文件返回 text/plain 浏览器会正常解析，但是 css 是不行的。...
服务还是自己的最靠谱，第三方服务一定会坏
ntent-Type" content="text/html; charset=UTF-8"> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-l...
前端技术之CSS实现图片垂直居中
让图片实现水平居中比较简单，只需要在父级容器中添加属性 text-align 为 center 即可。使用纯 CSS 实现图片的垂直居中，可以将图片包裹容器的 display 属性设置为 table-cell，然后加上 vertical-align: middle 就好了 。table-cell 的显示效果同 table 是一样的，兼容性还不错，所以直接使用 table 来包裹图片也是同样的效果，个人...
CSS实现pre标签中内容换行方法
ce 来控制 DIV 中内容显示的样式，此举也是可以的。 本人认为，在源代码中使用 PRE 标签作为代码容器是首选，后期前端再用其他的 JavaScript 代码高亮插件美化渲染，那又另当别论。使用 CSS 将 PRE 中内容换行的样式如下，测试发现效果还不错。 <style> pre{ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-w...
CSS实现文字一行显示带省略号
k: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 500px; </style> CSS原生自带的功能虽然好，但是用起来不怎么好看，好像省略号的样式不能控制。 ...
前端技术之导航栏浮动最佳实践
' ) { x = w.pageXOffset; y = w.pageYOffset; } else { docEl = (doc.compatMode && doc.compatMode === 'CSS1Compat') ? doc.documentElement : doc.body; x = docEl.scrollLeft; y = docEl.scrollTop; } return {x :...
CSS兼容问题IE6/IE7浏览器position为relative时margin失效
发现一个 CSS 的不兼容问题，算是 IE6 和 IE7 的 Bug。IE6 和 IE7 在标签的 position 属性是 relative 时，margin-left 或 margin-right 或 margin-top 是没有效果的，这个时候比较好的解决办法就是使用 left 或 top 属性来达到位置的偏移。但是 margin 属性也不完全没有作用，只是偏移出现问题，使用 margin:aut...
css big event gray how to achieve
针对大事件灰色效果，CSS 的工作量可谓不小，可 CSS3 来了，只需一行代码搞定，其实就是这么简单，无需做什么准备。.big-event-gray { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); /* -webkit-filter: grayscale(100%); */ -moz-filter: graysca...
开源JavaScript框架LMLJS发布
时下，很多网站都直接在网页源文件中加载 Jquery，或者直接在头部标签中载入大量的 JS 和 CSS，这些网站中也不乏很多流量较大的网站。其实这种做法是不理智的，也是极其不负责的行为。相信大家都有这样的经历，一个网页打开后，浏览器一直在转圈圈，让眼睛看着很不舒服，网页也非常的卡，页面中很多东西都没有生效，这些都是网站在设计过程中的不负责导致的。 LMLJS 框架是 LML 团队打造的继 LMLPHP，...