css一些样式

最新推荐文章于 2024-10-09 20:10:15 发布

程序员Fy

最新推荐文章于 2024-10-09 20:10:15 发布

阅读量138

点赞数 4

分类专栏：前端文章标签： css 前端 html

本文链接：https://blog.csdn.net/fuyuo/article/details/125950055

版权

前端专栏收录该内容

9 篇文章 1 订阅

订阅专栏

css常见样式

常见样式

控制字体：

设置字号--font-size:
设置颜色--color：
设置字体--font-family:
行高--line-height：
字体粗细--font-weight：

样式的特点

1，层叠性：

网页中子元素定了与父元素相同的样式，则子元素的样式会覆盖掉父元素的样式，后面定义的样式会覆盖前面定义的样式
2，继承性：

网页中子元素将继承父元素的样式

控制文本

text-indent：2em (可以取负值) -------- 设置文本的缩进
text-align : left /center /right ------- 文本的对齐方式
text - transform : none/capitalize/uppercase/lowercace  --文本大小写转化

例：

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		#two{
			/*首航缩进2字符*/
			text-indent:2em;
			/*text-indent: -2em;*/
		}
		#one{
			text-align: center;
			text-transform: capitalize;
			/*text-transform: uppercase;*/
			text-transform: lowercase;
		}
	</style>
</head>
<body>
	<p id="two">这里缩进</p>
	<p id="one">I AM fu</p>
	<p>段落</p>
</body>
</html>