Jane_3210的博客

PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前...

在编程中遇到的问题：1.采用浮动的布局方式，由于将宽度写成固定值，导致有一个浮动块会下滑，应当写成百分比；2.字体也不能写固定值，要在body里设为100%（即默认的16px）,再结合em，设为他的倍数；参考文档：1.自适应网页设计2.自适应具体设置...

实现原理将div的高和宽设置为0，然后设置四个border不同的颜色。效果如下：div#triangle{ width: 0; height: 0; border-top: 50px solid blue; border-right: 50px solid red; border-bottom: 50px solid green; bord...

CSS实现方法使用相对定位和绝对定位，先隐藏二级栏目，鼠标经过后设为可见，并结合css动画效果。li{list-style: none;text-align:center; }a{text-decoration: none;}li.item{ position: relative; width: 130px; background: r...

1.通过绝对定位的方法可以让图片覆盖在另一张图片上；2.一开始设为hidden，当鼠标经过时改为visibility；3.通过设置opacity和transition(ease-in-out)，产生淡入淡出的动画效果。<a> <div class="img"> <img src="1.jpg" alt=""> &l

准确理解CSS clear:left/right的含义及实际用途

有时候希望设置图片在div框中垂直居中（verticle-align:middle;），但发现没有产生效果。原因： vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。参考文档以下是解决方法：1.将div框设为display:table-cell；2.div框也加一个verticle-align:middle。...