CSS的编写比较简单,主要是使用选择器和样式规则的组合来实现不同的样式效果。例如,以下代码可以将段落的文字颜色设置为红色:
p { color: red; }
其中,p表示要设置样式的HTML元素类型,color是属性名称,red则是属性值。大括号中的代码是样式规则,它们决定了元素应该如何显示。
除了颜色以外,CSS还可以用于设置文本的字体、大小、对齐方式、行高等。例如,以下代码可以将段落的行高设为1.5倍:
p { line-height: 1.5; }
还可以使用CSS来设置网页布局,常用的方式包括盒模型和浮动布局。盒模型指的是将网页元素看成一些有宽度、高度和边框的盒子,通过设置盒子的属性来调整元素的位置和大小。例如:
div { width: 300px; height: 200px; margin: auto; border: 1px solid black; padding: 10px; }
这段代码可以将一个div元素设置为宽度为300px、高度为200px、边框为1像素宽的黑色实线、内边距为10像素。设置margin为auto可以让元素在父元素内居中显示。
浮动布局指的是将元素向左或向右浮动,从而腾出空间给其他元素排列。例如:
img { float: left; margin: 10px; }
这段代码可以让图片元素向左浮动,并设置与其它元素的间距为10像素。
总之,CSS是一种强大的网页编程语言,它可以实现丰富多彩的样式效果和网页布局,以及让网页更加美观、易读和易用。