CSS中常用的属性，汇总，练习出一套试卷，简单版

最新推荐文章于 2024-08-30 14:18:18 发布

熊猫_water

最新推荐文章于 2024-08-30 14:18:18 发布

阅读量1k

点赞数 1

分类专栏： html 文章标签： html css 属性

本文链接：https://blog.csdn.net/xxlovesht/article/details/80731584

版权

html 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

CSS常用属性的介绍？

颜色属性

可以通过取色器来取色值

例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>	
	<style type="text/css">
		*{background: black;}
		p{color:#FF0000}
		
	</style>
    </head>
	<body>
		<p>上课要好好学习，才能找到好工作</p>
	</body>
</html>

字体属性

	<style type="text/css">
		*{background: black;}
		p{color:#FF0000;
		font-size: 21px;
		font-family:楷体;
		font-weight: bold; /*字体加粗*/
		}

背景属性

	<style type="text/css">
		body{background-image: url(timg.jpg);
		background-repeat: repeat-x;
		background-position: center;}
	}

文本属性

p{color:#FF0000;
		font-size: 21px;
		font-family:楷体;
		font-weight: bold; 
		line-height:300%;
		text-indent: 80px;
		letter-spacing: 10px;  
		}

边框属性

.d1{
			width: 500px;
			height: 400px;
			background: beige;
			border-style: dashed;
			border-color:red;
			border
		}

<div class="d1">
</div>

输出：

虚线边框

下面在来练习一个试题？

	.input{
			border: 0;
			border-bottom:#000 solid 1px;
			width: 200px;
		}

	题目一：html 叫做 <input type="text" class="input" /><br />
		题目二：css 叫做 <input type="text" class="input" /><br />
		题目二：java 叫做 <input type="text" class="input"  /><br />
		题目二：python 叫做 <input type="text" class="input"  /><br />
		题目二：js 叫做 <input type="text" class="input"  /><br />

输出：