css
文章平均质量分 91
杨四郎2018
这个作者很懒,什么都没留下…
展开
-
CSS3 弹性布局(display:flex;)属性详解
Flexbox是 flexible box 的简称(注:意思是“灵活的盒子容器”),是CSS3引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为 Flexbox ,是因为它能够扩展和收缩 flex 容器内的元素,以最大限度地填充可用空间。与以前布局方式(如 table 布局和浮动元素内嵌块元素)相比,Flexbox 是一个更强大的方式:在不同方向排列元素 重新排列元素的显示顺序 更改元素的对齐方式 动态地将元素装入容器...转载 2021-06-18 16:40:16 · 704 阅读 · 0 评论 -
css中的px、em、rem 详解
概念介绍:1、px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。2、em(相对长度单位,相对于当前对象内文本的字体尺寸):是一个相对长度单位,最初是指字母M的转载 2017-08-21 01:33:30 · 370 阅读 · 0 评论 -
CSS伪类链接:点击某一个链接后,刷新页面,其他所有从没点击过的链接都变成a:visited中定义的颜色
在使用css伪类链接时候:点击某一个链接后,刷新页面,其他所有从没点击过的链接都变成a:visited中定义的颜色:原因:只要是使用了相同链接的,只要点击其中一个链接,其他的都会检测为访问过后的链接。所以只有不同链接的才会互相不影响。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org原创 2017-11-16 18:00:38 · 3662 阅读 · 0 评论 -
CSS 中 !important的用法注意!
被坑的很尴尬!! 注意,一定要是同名的样式,也就是样式名都叫A的样式才行,如果是父代与子代的情况就不管用了,比如说: html>head>style>.father{font-size:12px !important;}.child{font-size:14px;}style>body>div class="father"> di转载 2017-11-16 12:58:23 · 1737 阅读 · 0 评论 -
display和visibility的区别
display和visibility的区别display通常可以设置为none、inline、blockvisibility通常可以设置为hidden、visible 当display为none,visibility为hidden时,元素都会不见。不过其还有不同之处。display会将元素隐藏掉,并且位置不再被占据,而visibility则是占据原来的位置。看例转载 2018-01-22 16:10:32 · 800 阅读 · 0 评论 -
CSS设置滚动条样式(兼容IE)
1、这是在webkit浏览器下显示的样式。 (个人比较喜欢简约点的)2、在IE浏览器下显示的样式(为了区分所以样式写的不一样,我没找到IE下设置滚动条宽高的方法)自定义IE浏览器滚动条样式追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5)。下面列出了多个版转载 2018-01-26 00:23:24 · 3122 阅读 · 0 评论