css
文章平均质量分 52
joe_dev
这个作者很懒,什么都没留下…
展开
-
CSS中的变量使用,var()语法
惯例先看代码::root{--white-max: #fff; --white-bright:#f5f5f5; --white-light:#eee; --white-dark: #ddd; }.navbar ul>li>a{color: var(--white-max);font-size: 1.1em;font-weight: bol原创 2016-12-16 10:52:49 · 15583 阅读 · 4 评论 -
css将多余文本以省略号显示
.mycss{ width: 50px; height: 20px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; cursor:原创 2016-12-15 10:32:08 · 583 阅读 · 0 评论 -
css中的position
关于position的四个属性一直不太清晰,所以查找的一些资料记录下来。position static在CSS中所有元素的“position”属性的默认值都是“static”,因为不需要显式的为每个元素设置“position:static”。relativerelative称为相对定位,如果你给某个元素指定了postion的值为“relative”,那么你原创 2016-12-19 10:03:08 · 288 阅读 · 0 评论 -
浏览器默认样式
不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0};不过现在说的可不只是这些。基本上,不同内核的两个浏览器在某些元素的表现都会存在差异,比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好,在另外一个浏览器上即使是没有CSS Bug的情况也会变得结构混乱起来,我都是浏览器默认样式转载 2017-01-04 10:34:43 · 393 阅读 · 0 评论 -
css 限制长度 多余部分省略
单行.class1{ width: 200px; text-overflow: ellipsis; overflow: hidden; /** 隐藏超出的内容 **/ } 多行.class2{ width: 200px; word-break: break-all; /**换行**/ text-overflow:原创 2017-02-10 09:30:28 · 834 阅读 · 0 评论 -
css 水平垂直居中 两端对齐
单行垂直居中单行垂直居中可以直接用line-height=width来做hello world这样文本hello world便实现了垂直居中,如果想让整个div在父级元素中都居中,则在外面嵌套一层div,并且通过里面div的margin来实现hello world.element { position: absolute; left: 0;原创 2017-02-10 16:30:47 · 3662 阅读 · 0 评论 -
下拉框样式
转一个样式好看的下拉框样式。 /* SELECT W/IMAGE */ select#selectTravelCity { width : 14em; height : 3.转载 2017-02-13 15:34:19 · 1291 阅读 · 0 评论