一个基本的CSS样式表结构包括以下几个部分:
/* 选择器 */ { /* 属性: 值 */ }
选择器:CSS选择器用于选择需要添加样式的HTML元素。常见的选择器包括标签选择器、类选择器、ID选择器、属性选择器等。
/* 标签选择器 */ p { font-size: 16px; } /* 类选择器 */ .text { color: blue; } /* ID选择器 */ #title { font-weight: bold; } /* 属性选择器 */ [type="text"] { border: 1px solid #ccc; }
属性:CSS属性用于指定元素的样式,如字体、颜色、大小、边框等。常见的属性包括font-size、color、background、border等。
p { font-size: 16px; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; }
其中,CSS样式表还支持继承、优先级和层叠等概念,可以让大家更加灵活地控制HTML元素的样式。
总之,在编写CSS样式表时,大家需要遵循一定的结构,使代码易于理解、维护和扩展。