1. 概述
在HTML中，要为元素设置样式，需要用到CSS（Cascading Style Sheets）来完成。CSS 是一种用于描述页面展示效果的语言，可以为 HTML、XML 及其它文档的元素设置样式、布局以及其它视觉效果。
2. 在HTML中设置style样式
2.1 内联样式
内联样式是将样式直接写在 HTML 元素的 style 属性中，如下面的例子所示：
<p style="color: red; font-size: 24px">这是一个红色、字号为24px的段落</p>上面的代码中，通过style属性为p元素指定了文字颜色和文字大小样式。
2.2 内部样式表
内部样式表是放置在HTML文件头部的一段CSS代码，使用<style>标签将CSS代码包裹起来，通过该样式表中的选择器来选定需要设置样式的元素，如下面的例子所示：
<!DOCTYPE html>
<html>
<head>
<title>内部样式表</title>
<style>
p { color: red; font-size: 24px; }
</style>
</head>
<body>
<p>这是一个红色、字号为24px的段落</p>
</body>
</html>
上面的代码中，通过选择器“p”来指定所有<p>元素的样式。
2.3 外部样式表
外部样式表是将CSS代码放在单独的样式表文件中，使用<link>标签将样式表文件链接到HTML文件中，示例如下：
<!DOCTYPE html>
<html>
<head>
<title>外部样式表</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>这是一个红色、字号为24px的段落</p>
</body>
</html>
上面的代码中，通过<link>标签将外部样式表文件“style.css”链接到HTML文件，实现了对所有<p>元素的样式设置。
3. CSS样式的基本语法
CSS 由选择器和一组属性（property）构成，如下面的例子所示：
选择器 {
属性1: 属性值1;
属性2: 属性值2;
...
}
其中，选择器用来指定需要设置样式的HTML元素，属性值用来规定该元素的某个属性的具体值。
4. CSS样式的常用属性
4.1 字体
CSS 中常用的字体属性有：
font-family：规定文本的字体系列；
font-size：规定文本的字体大小；
font-weight：规定文本的字体粗细程度；
font-style：规定文本的字体样式（如斜体）。
示例如下：
p {
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: italic;
}
上面的代码中，设置了一个<p>元素的字体为 Arial，字号为 18px，粗体、斜体。
4.2 颜色
CSS 中设置颜色的属性有：
color：规定文本的颜色；
background-color：规定元素的背景颜色。
值得注意的是，颜色可以使用不同的表示方法，如：
颜色名称（如red、blue等）；
十六进制（如#000000表示黑色、#ffffff表示白色等）；
rgb值（如rgb(255,0,0)表示红色、rgb(0,0,255)表示蓝色等）。
示例如下：
p {
color: #ff0000;
background-color: #00ff00;
}
上面的代码中，设置了一个<p>元素的文字颜色为红色（#ff0000），背景颜色为绿色（#00ff00）。
4.3 边框
CSS 中设置边框的属性有：
border-width：规定边框的宽度；
border-style：规定边框的样式（如实线、虚线等）；
border-color：规定边框的颜色；
border-radius：规定边框圆角的大小。
示例如下：
p {
border: 1px solid #999;
border-radius: 5px;
}
上面的代码中，设置了一个<p>元素的边框宽度为1px、实线、颜色为#999，边框圆角为5px。
4.4 大小和位置
CSS 中设置大小和位置的属性有：
width：规定元素的宽度；
height：规定元素的高度；
margin：规定元素与外部元素之间的距离；
padding：规定元素内部内容与边框之间的距离；
position：规定元素的定位方式；
top：规定元素距离顶部的距离；
bottom：规定元素距离底部的距离；
left：规定元素距离左侧的距离；
right：规定元素距离右侧的距离。
示例如下：
p {
width: 50%;
height: 100px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
padding: 5px;
position: relative;
top: 10px;
left: 10px;
}
上面的代码中，设置了一个<p>元素的宽度为页面宽度的一半、高度为100px，外边距上下为10px、左右自动居中，内边距为5px，定位方式为相对定位，距离顶部和左侧的距离都为10px。
5. 总结
以上是CSS中一些常用的样式属性及其语法，通过这些属性的灵活运用，可以实现网页的多样化展示效果。