发表于: 2022-08-31 20:20:07

0 456





任务6的深度思考


1.去除inline-block间距有哪几种方法?


inline-block是什么?

 inline-block 即内联块,在CSS的元素分类中可以分成三种:行内元素或者内联元素、块级元素、以及内联块元素。

内联块元素具有了内联元素以及块级元素的特性:

(1)元素之间可以水平排列 (2)可以当做一个块级元素来设置各种的属性,例如:width、height、padding等。


去除inline-block间距有哪几种方法?

(1)移除标签间的空格

(2)取消标签闭合

(3)使用font-size:0;


2.css有哪些属性可以继承?


css 的继承性是什么?


在面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。

那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的层面。

css的继承:就是给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。

官方解释,继承是一种规则,它允许样式不仅应用于特定的html标签元素,而且应用于其后代元素。


常用的css可继承的属性:

font:组合字体

font-family:规定元素的字体系列

font-weight:设置字体的粗细

font-size:设置字体的尺寸

font-style:定义字体的风格

text-indent:文本缩进

text-align:文本水平对齐

line-height:行高

color:文本颜色

visibility:元素可见性

光标属性:cursor


继承的局限性:


继承虽然减少了重复定义的麻烦,但是,有些属性是不能继承的,例如border(边框)、margin(边距)、padding(补白)和背景等。

**css属性一旦继承了不能被取消,只能重新定义样式。


常用的css不可继承的属性:


display:规定元素应该生成的框的类型


text-decoration:规定添加到文本的装饰


text-shadow:文本阴影效果


white-space:空白符的处理


盒子模型的属性:width、height、margin 、border、padding


背景属性:background


定位属性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index



明天计划:完成接下来的任务。




返回列表 返回列表
评论

    分享到