CSS样式定义规范前端技术培训指南

CSS定义格式

  1. ID选择器定义:使用id="aaa"设置的元素样式,在CSS中定义为: #aaa {样式列表}

  2. 类选择器定义:对于class="bbb"定义的元素,在CSS中使用点(.)定义样式,如: .bbb {样式列表}

  3. 标签选择器定义:直接定义标签的样式,例如: p {样式列表}

示例代码:

.bbb {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  float: left;
}

div {
  background: #FFF; /* 背景白色 */
}

#aa {
  background: #FF0000; /* 背景红色 */
}

说明:在实际应用中,#id选择器适用于唯一元素,.class选择器适合重复使用的元素样式。

ppt 文件大小:556KB