CSS选择器 CSS优先级 标签中style优先级最高,其次在代码中就近找,也就是重下往上找 CSS属性 height、width、font-size、font-weight、text-align、line-height、float、display、margin、padding 例子 各个网站的he ...
分类:
Web程序 时间:
2018-01-02 23:33:00
阅读次数:
253
ys_toast.css.ys-toast{
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
z-index:?999999;
}
.ys-toast>em{
position:absolute;
line-height:?24px;
text-align:?center;
border-
分类:
其他好文 时间:
2017-12-30 21:24:21
阅读次数:
153
1. 页面顶部阴影 2. 给 body 添加行高 你不需要分别添加 line-height 到每个p,h标记等。只要添加到 body 即可: line-height:1; 的意思是 根据该元素本身的字体大小 设置行高 比如该元素字体是15px line-height:1; 的行高就是15px; 3. ...
分类:
Web程序 时间:
2017-12-30 19:10:23
阅读次数:
167
1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等 ...
分类:
Web程序 时间:
2017-12-26 11:58:01
阅读次数:
134
line-height和vertical-align在CSS中是两个简单的属性。如此简单,大多数人都相信自己已经完全理解它们是如何工作的以及如何使用它们。但事实上并不如此。他们其实很复杂,也是CSS中难点之一,而且也是CSS中特性之一:内联格式化上下文(inline formatting conte ...
分类:
Web程序 时间:
2017-12-25 11:33:55
阅读次数:
222
拖动验证码插件 效果图: 在验证前,提交弹出验证失败,验证后弹出验证成功。 文件结构: css: #drag{ position: relative; background-color: #e8e8e8; width: 300px; height: 34px; line-height: 34px; ...
分类:
其他好文 时间:
2017-12-21 20:06:01
阅读次数:
1050
display的table和table-cell一般情况下用的不多,所以很少有人去关注它,但他们两个联手起来会给你惊喜! 这里抛出这样一个问题,如下,让块里的多行文字垂直居中?一说到垂直居中就会想到,单行文字垂直居中line-height等于height;块级元素垂直居中,position定位或者f ...
分类:
其他好文 时间:
2017-12-21 12:01:59
阅读次数:
110
本文同时发表在 "https://github.com/zhangyachen/zhangyachen.github.io/issues/37" 定义 两行文字基线之间的距离。 基线的大体位置 基线的位置可以看成x字母下边缘的位置。 不同字体的基线位置会有微小的差别。 文本中的几条线: 行高示意图: ...
分类:
Web程序 时间:
2017-12-14 03:34:07
阅读次数:
199
恢复内容开始 一.页面排版Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用。1.页面主体Bootstrap 将全局font-size 设置为14px,line-height 行高设置为1.428(即20px);<p>段落元素被设置等于1/2 行高(即10px);颜色被设置为#33 ...
分类:
其他好文 时间:
2017-12-13 23:35:47
阅读次数:
139
属性(按照字母顺序) 赘言:虽然写的东西哪里都能百度到,但是把自己亲身经历的记下来写到一起,经常提醒自己这块容易忽略。我觉得还有有点必要的。重复造就熟练! height line-height ine-height和height组合到一块儿,还有一种效果,就是如果把它们的值设置的一样了,文字就会在垂 ...
分类:
Web程序 时间:
2017-12-12 12:27:12
阅读次数:
167