随笔分类 -  CSS

max-device-width和max-width的区别
摘要：比如用媒体查询响应输出@media (max-width: 767px)，用谷歌浏览器手机测试插件显示并无变化，其实关键在于max-device-width和max-width，以下摘抄↓ max-device-width和max-width是有区别的，表现在如下几个方面：1、max-device- 阅读全文
posted @ 2017-02-08 09:31 God丶魔多 阅读(641) 评论(0) 推荐(0)
运用@media实现网页自适应中的几个关键分辨率
摘要：为什么是小于767而不是768呢，那是因为在css中@media (min-width: 768px)表示最小是768也就是>=768，这里有等于，所以我们判断更小的设备用@media (max-width: 767px)这边表示<=767就不会有冲突了 阅读全文
posted @ 2017-02-08 09:09 God丶魔多 阅读(2245) 评论(0) 推荐(0)
css单位em、px、rem和pt的区别
摘要：1、PX ：像素（Pixel） PX是相对长度单位，它是相对于显示器屏幕分辨率而言的。 优缺点：比较稳定和精确，但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。 2、EM：是相对长度单位。 EM是相对于父元素来设计字体大小的。如果当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺 阅读全文
posted @ 2017-02-04 09:52 God丶魔多 阅读(476) 评论(0) 推荐(0)
table表框去掉相邻的间隔
摘要：HTML CSS 阅读全文
posted @ 2016-12-23 17:28 God丶魔多 阅读(6329) 评论(0) 推荐(0)
美化radio和checkbox样式
摘要：HTML部分 CSS部分 阅读全文
posted @ 2016-11-16 19:52 God丶魔多 阅读(183) 评论(0) 推荐(0)
IE下a标签后面的span元素向右浮动后错位
摘要：错误原因span放在了a标签之后 正确写法是放在之前 如下： 阅读全文
posted @ 2016-07-29 09:34 God丶魔多 阅读(472) 评论(0) 推荐(0)
Jquery每行最后一个LI边距设为0
摘要：下面用的是jquery方法，请加载jquery插件 主要代码：nth-child(3n+2)其中N表示倍数，2是偏移的位置数，自己调整即可 阅读全文
posted @ 2016-04-25 13:58 God丶魔多 阅读(381) 评论(0) 推荐(0)
CSS截取截取字符长度并显示省略号的方法
摘要：HTML部分 CSS部分 阅读全文
posted @ 2016-04-25 13:54 God丶魔多 阅读(5011) 评论(0) 推荐(0)
如何让div显示在embed，flash元素之上
摘要：Z-INDEX属性只对块状元素有效，对于flash是没用的，那么我们怎么处理这个问题呢，问大家介绍两种很简便的方法方法一把<embed>标记写在<object>之内方法二为FLASH添加“wmode”值为“Opaque”，表示将Flash置于最底层 阅读全文
posted @ 2016-04-25 13:44 God丶魔多 阅读(340) 评论(0) 推荐(0)
纯CSS下拉导航菜单
摘要：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> CSS菜单－－下拉菜单 我的首页 我的CHINAY 我的首页 我的日志 我的日志 我的相册... 阅读全文
posted @ 2016-04-25 13:22 God丶魔多 阅读(156) 评论(0) 推荐(0)
<UL>中<li>标签前编号图片的简单调用
摘要：<style type="text/css"> ul li{ list-style-type:none} .men ul{ background:url(http://top.baidu.com/img/icon-num.gif) no-repeat 0px 5px} .men ul li{ pad 阅读全文
posted @ 2016-04-25 13:17 God丶魔多 阅读(817) 评论(0) 推荐(0)