CSS 教程
CSS(层叠样式表)是一种用于描述网页布局和样式的语言。它可以与 HTML 结合使用,将网页内容的外观和风格分开,提高了页面的可读性和可维护性。
CSS 的语法规则通常由一个选择器和一组声明块组成。选择器指定将要受到样式影响的 HTML 元素,而声明块则规定这个元素的样式。一个元素可以对应多个声明块,它们的样式会按照优先级和层叠顺序来应用。
以下是一些常见的 CSS 属性和示例:
CSS 实例
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
color:设置文本颜色。例如,设置文本颜色为红色:
color: red;
font-size:设置字体大小。例如,设置字体大小为 16 像素:
font-size: 16px;
background-color:设置背景颜色。例如,设置页面背景颜色为灰色:
background-color: #f2f2f2;
border:设置边框样式。例如,设置元素边框为实线,颜色为红色,宽度为 1 像素:
border: 1px solid red;
text-align:设置文本水平对齐方式。例如,将文本居中对齐:
text-align: center;
margin:设置外边距。例如,设置元素上下左右的外边距都为 10 像素:
margin: 10px;
padding:设置内边距。例如,设置元素内部间距为 5 像素:
padding: 5px;
width:设置元素宽度。例如,将元素宽度设为 300 像素:
width: 300px;
这些属性只是 CSS 中的一部分,还有很多其他的属性可以用来改变元素的样式。理解和掌握这些属性可以帮助开发者更好地实现网页布局和美化页面。