目录
现在互联网前端三层
CSS 常见属性
关注作者微信公众号，开启探索更多 CSS 知识的精彩之旅。在这里，你将收获丰富的CSS专业内容，深入了解这一网页开发语言的奥秘，不断拓展你的知识边界，提升技能水平。快来关注吧！
现在互联网前端三层
在当今互联网前端开发中，主要由 HTML、CSS 和 JavaScript 三层构成。HTML 从语义角度描述页面结构，通过各种标签定义网页元素，良好的 HTML 结构有助于 SEO 和提高可访问性，为 CSS 和 JavaScript 提供基础页面框架。CSS 从审美的角度负责页面样式，可控制网页布局、颜色、字体、大小等外观属性，能使网页更加美观吸引人且实现响应式设计，在不同设备上有良好显示效果。JavaScript 从交互角度描述页面行为，可实现网页动态效果、用户交互和数据处理等功能，为网页增添活力和交互性，提升用户体验，使网页成为可与用户互动的应用程序。
CSS 常见属性
color 属性：用于设置文本的颜色。可以使用颜色名称（如red）、十六进制值（如#ff0000）或 RGB 值（如rgb(255,0,0)）来指定颜色。
background-color 属性：用于设置元素的背景颜色。同样可以使用颜色名称、十六进制值或 RGB 值来指定颜色。例如，设置背景颜色为黄色可以写成：
p{
background-color: yellow;
/*或*/
background-color: #00ff00;
/*或*/
background-color: rgb(255,0,255);
} font-size 属性：用于设置文本的字体大小。可以使用像素值（如40px）、百分比、em 等单位来指定字体大小。
font-weight 属性：用于设置文本的字体粗细。可以使用normal（正常）、bold（粗体）、数字值（100 - 900）、bolder（更粗）、lighter（更细）等选项来指定字体粗细。
font-style 属性：用于设置文本的字体样式。可以使用normal（正常）、italic（斜体）、oblique（倾斜）等选项来指定字体样式。
text-decoration 属性：用于设置文本的装饰效果。可以使用overline（上划线）、line-through（中划线）、underline（下划线）、blink（闪烁）、none（无装饰）等选项来指定文本的装饰效果。
这些 CSS 属性在网页设计中非常常用，可以帮助开发者实现各种不同的页面效果。通过合理地运用这些属性，可以使网页更加美观、易读、易用。
示例代码如下：
css:
<style type="text/css">
p{
color: rgb(255,0,0);
background-color: #ccc;
font-size: 23px;
font-weight: bolder;
font-style:italic;
text-decoration:underline;
}
span{
color:red;
background-color:pink;
font-size: 150%;
font-weight:lighter;
font-style:normal;
text-decoration:overline;
}
div{
color:#ffffff;
background-color:rgb(255,0,255);
font-size: 23px;
font-weight: normal;
font-style: oblique;
text-decoration:line-through;
}
</style> html:
<body>
<p>css常见属性</p>
<span>css常见属性</span>
<div>css常见属性</div>
</body> 运行结果：
