chrome浏览器CSS字体大小小于12px不起作用解决方法

由于rem的大小为16px,因此,设置为如下代码,rem单位长度就为10px: html{font-size: 62.5% !important;}     由于chrome浏览器最小文字大小不能小于12px,因此这样设置,实际上rem不是真实的10px;   在网上找了很多办法,让1rem位10...

2016-09-07 18:14:53

阅读数:444

评论数:0

less 学习笔记入门

CSS预处理器中Less的语法最接近原生CSS,学习成本比较低,语法比较简单,并且能够在浏览器客户端中预览,我这里只是简单的作为搭建less开发环境,可以在工作中熟练less相关的API和属性方法。     @border_color:#eee; @item_height:45px; @item_...

2016-09-07 18:14:11

阅读数:129

评论数:0

css3 target伪类学习

所有主流浏览器均支持 :target 选择器,除了 IE8 及更早的版本。   定义和用法 URL 带有后面跟有锚名称 #,指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。 :target 选择器可用于选取当前活动的目标元素。   ...

2016-09-07 18:14:04

阅读数:181

评论数:0

自定义进度条(兼容IE)

原因: 由于在CSS3之前是没有办法做到“圆角的”,所以两端的圆角要使用图片,然后中间部分使用div的百分比背景作为进度。   解决办法: 自己写了一个小的demo,方便自己在做PCweb的时候使用。   代码如下

2016-09-07 18:12:59

阅读数:209

评论数:0

弹出遮罩层,阻止背景滚动

弹出一个遮罩层,发现背景会随着“鼠标滚轮”滚动,解决办法如下:   设置body的CSS样式为overflow:hidden 。

2016-09-07 18:12:08

阅读数:275

评论数:0

-webkit-line-clamp 实现限制文字显示多行省略(CSS 多行省略)

-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。   overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webk...

2016-09-07 18:11:11

阅读数:415

评论数:0

页面不出现滚动条,局部有滚动条

需求: 页面header 固定在头部,footer固定在尾部,中间为内容。 中间内容可以无限添加内容,那么滚动条就是在中间的容器中,不管怎么滑动内容,顶部和尾部都是固定不动   解决办法:  周定 ... ... ...

2016-09-07 18:06:52

阅读数:375

评论数:0

CSS3 CSS3 box-sizing 属性

文章参考 http://www.w3chtml.com/css3/properties/user-interface/box-sizing.html     语法: box-sizing:content-box | border-box 默认值:content-box 适用于:所有接受width和...

2016-09-07 18:04:21

阅读数:125

评论数:0

CSS3 px em rem 单位说明

文章摘抄 http://zhidao.baidu.com/link?url=ufpcw_27Ec9E-dMH7nkXB3Mkzr-NT7_u4OvlG7VmPzxG-kOwmUMKj2icxNb-kRlmMCfWOcGnJrZb4CZG3c5DC5FoTFKTlCPLH9k6jieIC2C   p...

2016-09-07 18:03:59

阅读数:142

评论数:0

CSS3 animation 动画效果

使用CSS3 的animation属性做动态效果,减少JS代码的开发,例子如下:   div { width:100px; height:100px; background:red; position:relative; /* 使用myfirst效果,持续时间是5秒,按照infinite...

2016-09-07 18:03:52

阅读数:192

评论数:0

display:table-cell 学习笔

文章参考 http://blog.163.com/hongshaoguoguo@126/blog/static/180469812013671133230/   说明:display:table-cell只支持IE8+的浏览器,不支持IE6、IE7。   用下面这个例子说明这个样式的妙用: one...

2016-09-07 18:02:25

阅读数:153

评论数:0

css important 属性学习

文章参考 http://zhidao.baidu.com/link?url=ODXapzNtDAK9Osq-fPBRbgItdMFrj1TtBPMGF96jxGP-ihCi-nMNDggTg4KxaU9Q4ceFSTgXJWEMl-syzJpDsq     假如我要对一个div在IE7中宽为200...

2016-09-07 18:01:50

阅读数:145

评论数:0

图文混排

在工作中经常碰到图片和文字排版的问题,这里自己学习总结一下:   先看看例子 我 时间的流失,转眼冬季就到了。我在班里的冯佑璋的鼓励下,去二池(当时夏天可游泳,冬天开冰场)学习滑冰。只能 在晚场7:30-9:00练习;当时我又时间的流失,转眼冬季就到了。我在班里的冯佑璋的鼓...

2016-09-07 18:00:16

阅读数:258

评论数:0

margin值为负数——bootstrap row container-fluid样式学习

1、在使用bootstrap的过程中发现只要是使用row这个class,则div每次都是都是超过100%,出现滚动条   2、如果是在控件下面,则不会出现滚动条   查看了row 和 container-fluid的class样式说明   //让div控件显示为100%,然后外边距左右各添加15p...

2016-09-07 18:00:02

阅读数:217

评论数:0

CSS 优先机制学习

文章摘抄  http://www.cnblogs.com/xugang/archive/2010/09/24/1833760.html   一般情况下,优先级如下: (外部样式)External style sheet (内部样式)Internal style sheet (内联样式)Inline...

2016-09-07 17:59:19

阅读数:135

评论数:0

div左右两端固定div,中间百分百宽度

自己总结了一下 1、左侧固定,右侧自适应  2、右侧固定,左侧自适应 3、左右两侧固定,中间自适应     左侧固定,右侧自适应 width: 200px;float: left margin-left: 201px 右侧固定,左侧自适应 width: 20...

2016-09-07 17:59:05

阅读数:270

评论数:0

ul默认有内边距

ul是有序标签。默认会有内边距; list-style:none;就是清除有序的样式; padding;0 去除内边距   例子     #allTabLi ul { background: #ffffff none repeat scroll 0 0; left: auto; ...

2016-09-07 17:58:29

阅读数:494

评论数:0

html5 table 圆角

在工作中遇到这么一个问题 —— 美工画了一个表格,表格是使用圆角的。发现table这个标签画圆角很麻烦,因此使用了如下技术解决问题: 1、div 以 display : table;显示 2、border-radius: 10px 0px 0px 0px;顺序依次是 上 右 下 左 3、通过CSS...

2016-09-07 17:58:15

阅读数:917

评论数:0

position:relative 文字 或者 图片 重合

学习使用position:relative样式,让文字悬浮在图片上方。   dsaf dasfdsafdsaf dsafdsaf     ...

2016-09-07 17:56:54

阅读数:262

评论数:0

使用div和CSS样式画三角形

文章参考  http://blog.csdn.net/cangkukuaimanle/article/details/6798509  http://www.jb51.net/css/16650.html   说说画三角形的原理 1、设置一个DIV的高度和宽度全部为0, 2、然后设置border-...

2016-09-07 17:54:59

阅读数:366

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭