CSS是一种用来改变HTML文档外观的语言。与HTML一样,它也有一些正常语法结构。
选择器{ 属性1:值1; 属性2:值2; }
其中,选择器是用来选取HTML元素的标识符,属性是要改变的CSS属性名称,值是对应的属性值。
选择器可以是HTML元素的名称,也可以是类、ID、属性等。
/*选取所有p元素样式为红色*/ p{ color: red; } /*选取class为my-class的所有元素样式为蓝色*/ .my-class{ color: blue; } /*选取id为my-id的元素样式为粗体*/ #my-id{ font-weight: bold; }
属性和值的组合可以产生各种不同的样式效果。
/*将段落文字加上下划线*/ p{ text-decoration: underline; } /*将图片圆角化*/ img{ border-radius: 50%; } /*调整表格边框样式和颜色*/ table{ border: 1px solid gray; border-collapse: collapse; } td{ border: 1px solid gray; }
需要注意的是,CSS的正常语法结构是非常严格的。每个属性和值之间都有冒号和分号分隔,并且所有代码都需要写在花括号内。
总结来说,CSS的正常语法结构包括选择器、属性和值。通过合理的组合,可以实现各式各样的样式效果。