css
文章平均质量分 56
前端日月明
一起学习,一起进步!
展开
-
定位position属性float、absolute、relative
float:包裹性、破坏性、脱离文档流包裹性和破坏性即为display=inline-block,块级元素用的话及失去块级元素的特性(下同)会影响行内元素的位置,不占据块级元素的位置行内元素与浮动元素重叠,行内元素的边框,背景和内容都会显示在浮动元素之上块级元素与浮动元素重叠,块级元素的边框,背景会显示在浮动之下,内容在浮动之上清除浮动:clear只对本身的布局起作用,如下代码所示...原创 2018-03-17 23:10:59 · 262 阅读 · 0 评论 -
css中的居中问题
行内内容的居中 如何让一个容器的行内内容(文本和行内元素–inline/inlineblock)居中(当然inline-block比较特殊,即有行内属性,又有块级属性)。有以下方法:text-align:center水平居中。在块级父级元素上设置text-align:center,其内部的inline或inline-block的子元素以及文本内容会在父元素内居中。line-height垂...原创 2018-03-18 15:43:39 · 864 阅读 · 0 评论 -
margin:auto
很多像我这样的小白会疑惑,为什么块级元素margin:auto;只能水平居中,不能垂直居中?css居中问题怼这里我查了一下,原来是这样的:margin百分比是按照包含块的宽度计算的!且padding比例也是按包含块的宽度计算!<style>*{ margin:0; padding:0;}div{ width:200px; height:180p...原创 2018-03-18 16:18:07 · 2913 阅读 · 0 评论 -
如何清除浮动
有很多小伙伴喜欢用浮动来排列元素,但是浮动虽好,但也不要忘了清除浮动。以下就是清除浮动的几个方法:1. 方案一直接设置父元素的高度 优势:极其简单 弊端:必须要知道父元素高度是多少2. 方案二 在父元素中,追加空子元素,并设置其clear属性为both 优势:代码量少 容易掌握 简单易懂 弊端:会添加许多无意义的空标签,有违结构与表现的分离,不便于后期的维护3. 方...原创 2018-03-18 17:02:43 · 212 阅读 · 0 评论 -
阴影
box-shadow(该属性可以加在任意元素上) 语法:box-shadow(h-shadow v-shasow blur spread color inset)h-shadow(水平):指定水平偏移阴影,正值阴影向右;v-shadow(垂直):指定垂直偏移阴影,正值在框底部;blur(模糊):默认值为0,正值越大越模糊,负值缩小;spread(阴影大小):大于0(默认)就比实体尺...原创 2017-10-20 10:49:33 · 281 阅读 · 0 评论 -
css中如何固定元素的宽度和高度
直接开门见山啦,请看下面代码与效果:<style>.one{ height:100px; width:100px; box-sizing:border-box;//设置了该属性 padding:5px; margin:5px; border:5px solid green; background: red;}.two...原创 2018-03-19 14:19:50 · 6149 阅读 · 0 评论