常见问题2 css

1，哪些css属性是可继承的？

text- align 对齐方式 -decoration： none 默认 ：underline 下划线 ：overline 上划线 ：line-through中划线

font- size文字大小 -family 字体 -style：normal正常 italic 斜体 ：-weight粗细

line- line-height 行高

color

答：主要的有：

字体相关：line-height, font-family, font-size, font-style, font-variant, font-weight, font

文本相关： letter-spacing, text-align, text-indent, text-transform, word-spacing

列表相关：list-style-image, list-style-position, list-style-type, list-style

还有一个比较重要的：color

2，简述css盒模型？

CSS盒子模型也叫做框模型，具备内容(content)、填充(padding)、边框(border)、边界(margin)这些属性。在CSS中，每一个元素都被视为一个框，而每个框都有三个属性：

border:元素的边框（可能不可见），用于将框的边缘与其他框分开；
margin：外边距，表示框的边缘与相邻框之间的距离，也称为页边空白；
padding:内边距，表示框内容和边框之间的空间。
width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。

因此，如果在一个具有边框的元素中放置文本，往往需要设置一些内边距，以便文本的边缘不要接触边框，这样更便于阅读。而外边距则可以在多个元素框之间创建空白，避免这些框都挤在一起。因此，在设计页面时，经常会使用padding属性和margin属性来设置页面的布局。但是，必须注意的是，一旦用了padding属性或者margin属性设置了元素的边距以后，会增加元素在页面布局中所占的面积。

3，为什么要初始化css样式？哪些样式需要初始化？

1. 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
2. 初始化CSS样式主要是提高编码质量，如果不初始化整个页面做完很糟糕，重复的CSS样式很多。去掉标签的默认样式如：margin,padding，其他浏览器默认解析字体大小，字体设置。