CSS
小船划向前端
谨以此blog记录小生学习前端的成长史
展开
-
CSS选择器优先级
行内样式 > 页内样式 > 外部引用样式 > 浏览器默认样式!important> 内联 >ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承 特指度(specificity)。特指度表示一个css选择器表达式的重要程度,可以通过一个公式来计算出一个数值,数越大,越重要。这个计算叫做“I-C-E”计算公式,I——Id;C——Class;E—转载 2016-05-28 11:17:19 · 325 阅读 · 0 评论 -
CSS图片与文字水平对齐
1) 图片没使用float(文字为行内元素):图片元素需加上vertical-align:middle(此语句对float元素无效),然后通过使用margin-top(不加上先前语句使用此语句会使图片文字一块移动)进一步调整图片位置即可。貌似加不加display:inline-block没区别啊。ps:若将vertical-align:middle加在文字元素上,改变margin-top文字和原创 2016-05-28 11:29:50 · 18306 阅读 · 1 评论 -
CSS中将行内元素设置成行内块元素的几种方法
1.display:inline-block2.position:absolute(relative无效)3.设置浮动float这样就可对行内元素设置宽高等块特性了原创 2016-05-28 14:11:07 · 15700 阅读 · 0 评论 -
CSS的一些小的注意点整理
CSS注意点原创 2016-05-28 11:05:32 · 561 阅读 · 0 评论 -
CSS中在body中添加overflow:hidden会发生什么
如标题所述,页面只会展示浏览器中可见区域的那一块,页面的其他内容将无法展示,这也是为什么有时可以在网页中看到这么一个效果:点击登录弹出一个登录框,底下的网页被一层灰色半透明的遮罩层遮罩,然后无法对网页进行拖动(滚动条消失),就是因为在JS中添加了document.body.style.overflow = "hidden"; 这么一行代码,导致页面非可视区内容被隐藏了,没有其他内容可看当然滚动原创 2016-06-12 22:21:16 · 1950 阅读 · 0 评论 -
CSS中position的百分比表示法及绝对定位居中
设置了定位position: absolute的盒子,将top设为0%,盒子顶部将会紧挨着父元素(已定位)的顶部,若设为100%,则盒子顶部将会紧挨着父元素底部。 计算公式为:top_percent = 子盒子顶部距父盒子顶部的距离 / 父盒子高度由此可以理解:.element { width: 200px; height: 100px; position: absolut原创 2016-06-21 14:02:25 · 11398 阅读 · 0 评论