css的样式有哪些

CSS（层叠样式表）是一种用于描述HTML或XML（包括各种XML方言，如SVG、MathML或XHTML）文档呈现的样式的语言，CSS描述了在屏幕、纸质、音频等媒体上元素应该如何被渲染的问题，CSS不仅用于设置网页的布局和外观，还可以与JavaScript一起进行复杂的交互效果设计。

CSS可以将样式（字体、颜色、间距和对齐等）分离出来，使结构（HTML）与表现（CSS）分离，使你的网页更易于创建和维护，CSS可以让你控制网页的每一个元素的位置，以及元素之间如何互相影响，你可以使用CSS来为文字添加颜色、改变字体、控制背景、精确控制页面布局和定位元素等等。

CSS的基本语法由选择器和声明块组成，选择器是用来选取你想要应用样式的HTML元素，而声明块则包含了一组用大括号包围的“属性-值”对，用来定义所选元素的样式。

p {
  color: red;
  text-align: center;
}

在这个例子中，p是选择器，表示我们要选取所有的段落元素；大括号中的部分是声明块，其中color: red;定义了文本颜色为红色，text-align: center;定义了文本居中对齐。

CSS的选择器有很多种类型，包括元素选择器（如上述例子）、类选择器、ID选择器、属性选择器、伪类选择器和伪元素选择器等。

.myClass {
  color: blue;
}
#myId {
  font-size: 20px;
}
a[target="_blank"] {
  background-color: yellow;
}
p::first-letter {
  font-size: 2em;
}

在这个例子中，.myClass是一个类选择器，表示我们要选取所有class为myClass的元素；#myId是一个ID选择器，表示我们要选取id为myId的元素；a[target="_blank"]是一个属性选择器，表示我们要选取所有target属性为_blank的a元素；p::first-letter是一个伪元素选择器，表示我们要选取所有p元素的首字母。

除了基本的选择器和声明块，CSS还有很多高级特性，如盒模型、浮动、定位、弹性布局、动画、过渡、阴影、圆角、边框等等。

.box {
  width: 100px;
  height: 100px;
  background-color: lightblue;
  border: 1px solid black;
  border-radius: 50%; /* 使边框变为圆形 */
  box-shadow: 10px 10px 5px grey; /* 添加阴影 */
}

css的样式有哪些