css 基础标签

最新推荐文章于 2024-05-16 17:45:51 发布

CJW-Coder

最新推荐文章于 2024-05-16 17:45:51 发布

阅读量247

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/qq_42143163/article/details/98781362

版权

css 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

css 的基础标签

<!DOCTYPE html>
<!-- html 展示内容 css 层叠样式表 美化网页 js javascript 网页交互功能 -->
<html>
	<head>
		<meta charset="utf-8">
		<title>css基础标签</title>
		<!-- style 设置网页中标签的样式 -->
		<!-- 内联样式表 优先级低于 标签内部书写的样式 -->
		<style>
			/* p{
				样式名：样式值；
			} */
			p{
				/* 字体颜色 */
				/* rgb 三原色 red green blue取值范围0~255 */
				/* rgba a 是透明度 取值范围0~1 */
				color :rgba(36, 150, 113, 0.8);
				/* 设置字体大小 字号 */
				/* ！important 设置当前样式优先级最高 */
				font-size: 15px !important;
				/* 字体 */
				font-family: "楷体";
				/* 首行缩进 */
				/* em当前标签的父级标签的字号 */
				text-indent:2em;
				/* 文本对齐方式 left左对齐（默认） center（居中对齐） right（居右对齐） */
				text-align: center;
				/* 文本装饰 line-through 删除线 underline 下划线 overline上划线 */
				text-decoration: overline;
				/* 文本样式 italic 斜体 */
				font-style: italic;
				
			}
			a{
				/* 去除a标签的下划线装饰 */
				text-decoration: none;
				color: antiquewhite;
			}
			
			div{
				/* 背景颜色 */
				background-color: aqua;
				/* 背景图片 会将背景颜色覆盖 */
				background-image: url(1..png);
				/* 块元素可以设置 宽度 高度 */
				width:500px;
				height: 200px;
				/* 边框 border 复合属性 */
				/* border-color: ; 边框颜色 */
				/* border-width：; 边框宽度 */
				/* border-style:solid ; 边框样式 */
				border:black 5px solid;
				/* 边框圆角 border-radius 设置四边圆角 */
				/* border-radius:250px; */
				/* 单独设置，某一边圆角 */
				border-top-right-radius: 50px;
				
			}
		</style>
	</head>
	<body>
		<!-- 1.css样式 在开始标签中 指定style样式值 优先级最高 -->
		<p style="font-size: 23px;">60万张高清图片和桌面壁纸免费下载,全部高清无水印!内容涵盖风景图片、动物图片、唯美图片、鲜花图片、家居图片、设计素材、电脑壁纸、动漫壁纸、电影壁纸、明星壁纸。</p>
		<a href="#">百度一下</a>
		<!-- 没有设置宽度高度，默认宽度为浏览器窗口宽度，高度有内容撑开 -->
		<div>1<br>1</div>
	</body>
</html>