【CSS】CSS基础1（CSS基本介绍＋常见样式设计）-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_79982543/article/details/137020213

本文介绍了CSS（CascadingStyleSheets）的概念，包括其在HTML和XML中的应用，语法规范（如选择器和声明），以及常见的样式属性如颜色、字体、对齐等。还提供了HTML代码示例来展示如何使用这些样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是CSS？

点击以下链接了解更多：

https://baike.baidu.com/item/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8/524980?fromModule=lemma_inlink(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化

语法规范

选择器 {属性：值属性：值 }

|

|

\/

声明

h1 { color: red;  font-size: 25px; }

常见样式

注：属性值只是一个案例，并不是只能是那种

常见样式
字体颜色	color：red
背景颜色	background-color：red
字体大小	font-size：50px
字体粗细	font-weight: lighter(变细)
字体样式	font-style：italic（斜体）
文本装饰	text-decora：underline（下划线）
文字对齐方式	text-align：center（中间对齐）

例子

代码展示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<style type="text/css">
			p{
				color: aqua;
				background-color: pink;
			}
			span{
				font-size: 50px;
				text-decoration: underline;
			}
			div
			{
				font-style: initial;
				font-weight: bold;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<p>
			哈哈哈哈哈哈哈哈哈哈哈
			哈哈哈哈哈哈哈哈哈哈哈
			
		</p>
		<span>
			哈哈哈哈哈哈哈哈哈哈哈
		</span>
		<div>
			哈哈哈哈哈哈哈哈哈哈哈
		</div>
		
	</body>
</html>

今天的分享到这里就结束啦~希望能帮到您！！