css 重要知识点 |css 去掉横向滚动条

1. 选择器

#id-selector {
color: red;
}
.class-selector {
font-size: 18px;
}
element-selector {
margin: 10px;
}

选择器指定了要应用样式的 HTML 元素。id选择器通过元素的ID属性选择元素，class选择器选择 class 属性匹配的元素，而元素选择器则根据元素类型来选择元素。

2. 继承

子元素可以继承父元素的某些属性值，这使你可以节省一些时间并增加页面的可维护性。例如：

.parent {
color: #333;
}
.child {
/* 继承颜色值 */
font-size: inherit;
}

在上述代码中，子元素 .child 继承了父元素 .parent 的颜色值。使用 inherit 作为属性值，可以确保该属性的继承。注意不是所有的 CSS 属性都可以被继承，比如背景图片就不能被子元素继承。

3. 盒子模型

盒子模型描述了一个元素占据的空间。一个元素实际上分为4个区域：内容区域、边框区域、内边距区域以及外边距区域。

div {
width: 200px;
height: 100px;
background-color: #ffce00;
padding: 10px;
border: 2px solid #333;
margin: 20px;
}

对于以上代码，一个元素的总宽度将由这些属性值所组成：宽度（width）+ 左右内边距（padding）+ 左右边框（border）+ 左右外边距（margin）。

CSS 有很多其他的重要知识点，如 position、float、媒体查询、伪类等等，但是掌握了选择器、继承和盒子模型这三个基础知识，你已经能够写出一些简单的网页了。