常常看到有的网站通过DropDownList、菜单或按钮实现对整个网站改变页面风格（换肤）。专门Google了一些这方面的资料，总结了一下实现以上功能大致可以分成两类：1、整个网站统一使用一个CSS文件，保证一类风格。通过切换不同风格的CSS文件实现换肤。这种方法实现 起来比较简单。2、不
在现在的网页设计中，网页设计者都非常注重用户体验。而CSS中，font-size使用em还是px，如果选择不好将会影响到我们的用户体验。大部分的网页设计者认为px比em容易使用，或者有些根本就不知道em、px这两者的区别以及如何使用。大部分的网页设计者在CSS代码编写中总是先对整体定义字体尺寸，中文情况下一般为12px，而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何 作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免，那就是使用em单位作为字体显示单位。一、首先说下em和px的区别：1. IE无法调整那些使用px作为单位的字体大小;2.Fir
转载
2012-08-04 11:35:00
185阅读
2评论
在css中我们一般使用px作为单位，在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素，这可能会造成我们的一个错觉，那就是css中的像素就是设备的物理像素。但实际情况却并非如此，css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的。在为桌面浏览器设计的网页中，我们无需对这个津津计较，但在移动设备上，必须弄明白这点。在早先的移动设
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为
1. IE无法调整那些使用px作为单位的字体大小；
转载
精选
2011-06-10 22:18:59
348阅读
flex布局也就是常说的弹性布局（个人觉得应用的比较广泛，常用于移动端布局）。当一个元素的父容器设置display:flex的时候，这个容器就会变成一个弹性盒子，默认情况下这个盒子里的子元素都会左右排列（宽度有内容决定，高度由父容器决定），当你给子元素设置高度并且高度超过父容器的高度的时候，他也不会溢出（会自动收缩），因为弹性的优先级大于自身固定大小。（但是当你给父容器最小宽高的时候，你的子元素还
转载
2024-10-11 20:02:00
38阅读
问题出现了，运行代码以后，发现页面上的超链接按钮处于不可单击状态，分析发现，删除时间参数后，此按钮可用，那么为什么会是这样的状况呢？百度之，原来是时间格式问题，原来绑定数据源时，数据源的时间格式为“yyyy-MM-dd HH:mm:ss.fff”，度娘说，地址栏不能识别特殊符号，因此，这个链接不可单击。既然是格式不对难就改呗，换一个能传过去的不就可以了吗？马上动手，尝试了一下，改为"y
transform变换详解本文主要介绍变形transform。Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现，老样子，我们就从
在CSS3之前，要实现元素的平移、旋转、缩放和倾斜效果，常常需要依赖图片、Flash或Javascript才能完成。在CSS3中，使用变换（transform），就能轻松实现这些效果，而无需加载额外的文件，在提升开发效率的同时，还能提高页面的执行效率。变换的基本原理，是通过改变坐标系统，来实现元素的平移、旋转、缩放和倾斜等效果。把实现平移、旋转、缩放、倾斜等所使用的方法，称作变换函数，它们分别是t
jQuery 是一个广泛应用于前端开发的 JavaScript 库，它简化了对 HTML 文档操作、事件处理、动画效果等的操作。在使用 jQuery 进行 CSS 操作时，我们常常需要获取元素的样式属性值，比如元素的宽度、高度等。然而，获取到的属性值通常是带有单位的，比如像素（px）。有时候，我们希望获取到的值是一个纯数字，而不带有单位。本文将介绍如何使用 jQuery 获取元素的样式属性值，并将
原创
2023-08-30 06:31:30
107阅读
title layout categories tags excerpt CSS单位与尺寸参数 post CSS css单位 px dpi dpr 逻辑像素 对css中涉及的一些单位与参数的介绍 css单位px常用的单位，即像素pixel缩写，但通常被当做绝对单位，但严格说并不是，因为官方考虑到观看不...
原创
2019-05-02 01:39:09
92阅读
px是一个相对单位 ，也叫做 设备独立像素 对应css中的1px 区别于设备的物理像素（设备中的一个实际像素点） 在物理像素上抽象一个逻辑层，以固定数量的物理像素来表示 一个设备独立像素(px) 设备像素比（DPR） 设备像素比 = 物理像素 / 设备独立像素 dpr不是开发者控制的，是厂商决定的。
原创
2023-06-17 08:52:42
66阅读
# 如何实现 CSS 边框 iOS 1px？
## 概述
在移动端开发中，很多时候我们需要实现 iOS 设备上的边框显示为 1 像素。由于不同设备的屏幕分辨率不同，常规的 CSS 边框设置会在高分辨率设备上显示得过粗。本文将介绍如何通过 CSS 和 JavaScript 实现在 iOS 设备上显示 1 像素边框。
## 实现步骤
| 步骤 | 描述 |
| --- | --- |
| 1 |
原创
2024-01-24 03:48:20
95阅读
css 2d 转换3d 使用Flash和GIF图像创建动画图形的日子已经一去不复返了。 现在该炫耀一些最好CSS3功能了。 CSS3转换已经在网络上存在了很长一段时间。 Mozilla，Google Chrome和Opera等浏览器完全支持CSS3 2D和3D转换技术。 在本文中，您将学习： CSS3 2D转换技术 CSS3 3D转换技术 什么是透视图？ 以及许多不同的转换功能 我
值属性inhert规定应该从父元素继承 position 属性的值。static默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。relative生成相对定位的元素，相对于元素本身正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。absolute生成绝对定位的元素，相对于 static
* 通过伪元素实现 0.5px border *//* 通过伪元素实现 0.5px 细线 *//* dpr适配可以这样写 *//* 实现 1px 细线 *//* 为了与原元素等大 */
原创
2022-09-03 00:31:22
875阅读
CSS中px和em属性的特点与区别详解px和em的特点和区别象素px是我们在定义CSS中经常用到的尺寸大小单位，而em在国外网站中经常被使用，px和em之间究竟有什么区别和特点呢？◆px像素（Pixel），相对长度单位。像素px是相对于显示器屏幕分辨率而言的。◆em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。因此用px来定义
转载
精选
2014-10-08 17:49:02
553阅读
em是何物？em指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数...
转载
2008-09-21 03:05:00
148阅读
2评论
本文总结日常开发中26个CSS实现方法，如有遗漏或补充，还请指正！解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移.wrap {
display: inline-block;
overflow: hidden
vertical-align: bottom
} 超出部分显示省略号// 单行文本
.wrap {
overf
首先，px、em、rem都是相对单位；px（pixel像素）是相对于显示器屏幕分辨率的，IE无法调整那些使用px作为单位的字体大小； em是相对于当前对象内文本字体的尺寸，如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册），不过需要注意的是em单位会继承父级元素的字体大小；而rem是CSS3新增的一个相对长度单位（root em，根em）；那么
转载
2024-05-07 14:33:28
17阅读
目录二维坐标系2D转换之移动translate1,语法2,重点2D转换之旋转rotate1.语法2.重点旋转+过渡示例CSS三角+鼠标经过旋转效果2D转换中心点transform-origin1.语法2.重点鼠标放上去出现效果2D转换之缩放scale1.语法2.注意图片放大示例分页按钮放大示例2D转换综合写法 转换(transform)是CSS3中具有颠覆性的特征之一，可以实现元素的位移，旋转
转载
2024-05-31 20:53:25
38阅读
