随笔分类 - CSS技巧
包括元素居中,文本对齐,清除浮动等等
摘要:margin外边距的值也是可以取负值的,margin-top、margin-left取负值,则表示该元素朝这个方向拉近,margin-right、margin-bottom取负值,则表示后续元素朝该方向拉近,因此,margin-right、margin-bottom可以将后续元素拉近,进而覆盖“当前
阅读全文
摘要:对于一个元素来说,如果他设置了浮动,则就会转化为块元素类型,可以设置width,height等。但是浮动会使元素脱离正常文档流,如果浮动元素的高度大于父元素的高度,则会使得浮动元素脱离父元素,也就是我们常说的高度塌陷。 在CSS中,常见的清除浮动有三种方法: (1)clear:both 这种方法应用
阅读全文
摘要:外边距叠加发生在上下外边距之间,左右外边距不会发生叠加的情况;叠加之后的外边距高度等于发生叠加之前两个外边距中的最大值 外边距叠加有三种情况: (1)同级元素之间 当一个元素出现另一个元素的上面的时候,第一个元素的下边距会和将会与第二元素的上边距会发生合并 (2)父子元素之间 父元素与子元素之间的上
阅读全文
摘要:CSS有两大属性:继承性和层叠性 一、继承性: 所谓继承性,就是子元素继承了父元素的某些样式属性,但是并不是所有的样式属性都具有继承性,在CSS中,具有继承性的属性有三大类; (1)文本相关属性: (2)列表相关属性: list-style-image(自定义列表项)、list-style-posi
阅读全文
摘要:css以及css3都包含了非常多的选择器,这些选择器给我们提供了极大的便利 在这篇随笔当中,入门阶段的元素选择器,id选择器,class选择器,群组选择器就不介绍了。这里我们要讲的是css中的层次选择器以及css3中的选择器 一、层次选择器 1.后代选择器:选择元素内部中所有的某一个元素,包括子元素
阅读全文
摘要:一、绝对单位 在前端中,基本不会用到绝对单位,以上只是简单了解一下 二、相对单位 css相对单位除了以上几种还有ex,vw,vh,这些主要用于移动端开发。现在先掌握以上几种 1.px:像素(略) 2.%:百分比,主要相对于父元素对应属性来设定大小 (1)width、height、font-size的
阅读全文
摘要:一、元素的垂直居中 1.实现块元素的垂直居中:使用position以及负margin技术来实现 语法: 说明:position这种方法是万能的,也就是不仅可以用于块元素,也可以用于inline元素和inline-块元素。 2.实现图片垂直居中于元素:使用display:table-cell和vert
阅读全文

浙公网安备 33010602011771号