选择器:选择器用于选中某个或某些DOM元素,并为其设定样式。CSS中有多种选择器,包括元素选择器、类选择器、ID选择器、伪类选择器等。
/* 元素选择器 */ p { color: red; } /* 类选择器 */ .red { color: red; } /* ID选择器 */ #header { background-color: blue; } /* 伪类选择器 */ a:hover { color: green; }
属性:属性是指CSS中用于控制网页元素样式的属性,例如字体颜色、背景颜色、边框样式等。CSS中有大量的属性可供使用,每个属性都有自己的值。
/*字体颜色*/ color: red; /*背景颜色*/ background-color: blue; /*边框样式*/ border: 1px solid black;
值:值是属性的具体取值,例如颜色可以取红、绿、蓝等。CSS中的值有很多种,例如颜色值、长度值、百分比等。
/*颜色值*/ color: red; /*长度值*/ font-size: 14px; /*百分比*/ width: 50%;
优先级:当多个选择器同时作用于同一元素时,怎样确定最终的样式呢?这就需要用到优先级。CSS中,ID选择器的优先级最高,然后是类选择器和属性选择器,最后是元素选择器。
以上就是CSS中的基本器,它们共同构成了大家熟知的CSS样式。熟练掌握这些基本器,可以帮助大家更好地设计网页样式。