CSS基础

2024-06-06 08:30:04
开发
9

CSS用于控制网页的布局和外观。它可以用来设置字体、颜色、边距、背景等样式。CSS 可以通过三种方式添加到HTML中：内联样式、嵌入样式表和外部样式表。

内联样式

内联样式是在HTML元素内部直接使用style属性定义的。

<p style="color: red;font-size: 30px;">我是红色的，30px的段落</p>

嵌入式样式表

嵌入式样式表是在<head>标签内使用<style>标签定义的。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		    <style>
		        p {
		            color: green;
		            font-size: 20px;
		        }
		    </style>
	</head>
	<body>
		<p>绿色</p>
	</body>
</html>

外部样式表

外部样式表是将样式定义在一个单独的 .css 文件中，然后在通过HHTML中通过<link>标签引用。

1.创建一个 .css 文件

2.输入内容

3.进行引用

<link rel="stylesheet" href="css/style.css" />

CSS选择器

CSS选择器用于选择要应用样式的HTML元素。例如，p选择器会选择所有的<p>元素。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		    <style>
		       p {
		           color: red;
		           background-color: yellow;
		       }
		    </style>
	</head>
	<body>
		<p>绿色</p>
	</body>
</html>

原文地址:https://blog.csdn.net/2302_80057307/article/details/139417068 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：https://www.suanlizi.com/kf/1798512643464630272.html 如若内容造成侵权/违法违规/事实不符，请联系《酸梨子》网邮箱：1419361763@qq.com进行投诉反馈，一经查实，立即删除！

阅读全部