彻底弄懂css中单位px和em,rem的区别

PX:PX实际上就是像素,用PX设置字体大小时,比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,如果改变了浏览器的缩放,这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说,就是一个大问题了。因此,这时就提出了使用“em”来定义Web页
8次阅读

css无定宽水平居中

转载:http://www.cnblogs.com/jogen/p/5213566.html 这个博客的菜单ui还是棒棒的。方法一 思路:显示设置父元素为:table,子元素为:cell-table,这样就可以使用vertical-align: center,实现水平居中优点:父
4次阅读

浏览器对CSS小数点的解析——坑

在写移动端项目时,为了将一个元素垂直居中,于是我将元素的高和行高设置成一样的,但是显示出来的结果,却让人不得其解,如下:可以看到按钮的底部有一条缝隙,一开始以为是代码写错了,于是检查了一下,发现没啥问题,代码长下面这样。<footer> <a href="javas
6次阅读

一个CSS值转REM的Sublime Text插件

github地址https://github.com/flashlizi/cssrem CSSREM一个CSS的px值转rem值的Sublime Text 3自动完成插件。插件效果如下:安装下载本项目,比如:git clone https://github.com/flashli
7次阅读

[Asp.net MVC]Bundle合并,压缩js、css文件

摘要在web优化中有一种手段,压缩js,css文件,减少文件大小,合并js,css文件减少请求次数。asp.net mvc中为我们提供一种使用c#代码压缩合并js和css这类静态文件的方法。一个例子新建asp.net mvc项目,在App_Start文件夹中你可以看到一个叫做BundleConfig
10次阅读

[HTML5] Focus management using CSS, HTML, and JavaScript

Something important to consider when coding a web application is managing the user's focus. For keyboard and screen reader users, we must ensure their
10次阅读

[CSS] Get up and running with CSS Grid Layout

We’ll discuss the display values pertinent to CSS Grid Layout – grid, inline-grid, and subgrid. Then, let’s
6次阅读

记一次解决CSS定位bug思路

事因网站中的遮罩层大都有一个问题,就是在这个遮罩层中滑动,里面的内容也会跟着滑动,我是这样想的,既然都有这个问题,干脆写一个通用的插件出来,省的每个还得单独处理。如果是单独处理这个问题是比较好解决的,关键问题是,我想写的这个插件是,你直接在有问题的页面中引入这个插件就行,而不需要做其他的任何事情,而
9次阅读

css输入框的圆角

转载:http://jingyan.baidu.com/article/73c3ce28f0b38fe50343d926.html1.原理是四张圆角的图片放在四个角上,就是圆角矩形的四个角,但这种方法只适合当做菜单栏背景,或是相框背景,输入框的圆角不适合用,当然,这种方法对图片要求比较高!!如果你切
8次阅读

自己喜欢用的一个初始化的common.css

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }body { font-size:
8次阅读