position:absolute(表示绝对定位)

如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏...

细说padding与margin:盒模型--宽度和高度

细说padding与margin盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的,css内定义的宽(width)和高(height),指的是填充以里的内容范围。因此一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。元素的高度也是同理。比如:css...

CSS HTML布局中标签元素分类

在学习和制作各种页面的前端同学,在初学HTML的时候可能会有点懵,首先各种元素都有点无法分清楚用途,下面借助最近的学习,分享下:在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有...

文字间隔距离:letter-spacing与word-spacing之间的区别!

letter-spacing与word-spacing都是文字间隔距离的属性,但更多人记住的应该是word-spacing,因为在学习各种CSS的时候参考英文资料比较多,word-spacing确实能对文字进行间距设置,但目前主要对英文起作用,如果是汉字就不能继续使用word-spacing。汉字文...

text-indent属性:段落第一行缩进

在很多zblogPHP模板制作中,经常会需要进行锻炼中的第一行文字进行缩进,比如缩进两个文字的空间,或者更多。今天就来讲解下段落首行缩进的方法:text-indenttext-indent 属性规定文本块中首行文本的缩进。注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。注意:在 CSS 2...

案例:单边阴影CSS写法

相关:《边框四边阴影CSS(box-shadow属性)内侧阴影、外侧阴影、阴影颜色CSS大全》、之前的一篇文章主要介绍了周边阴影,而没有对阴影特别解释,特别是box-shadow各种值的意思!E {box-shadow:inset x-offset y-offset&n...

!important 优先级最高

今天来说说 !important 这个诡异的东西,很多CSS文件里都有,虽然我不常用,但对于!important这么一个挺个性的东西还是需要有很好的了解才行。[1位重要标志位] > [4位特殊性标志] > 声明先后顺序!important > [ id > clas...
微信二维码