03.CSS基础(样式表基础结构，常用字体和文本属性)

七阳丶

已于 2022-12-15 13:59:42 修改

阅读量239

点赞数 1

分类专栏： web前端开发入门(html5+css3) 文章标签： css css3 html

于 2022-12-15 13:57:38 首次发布

本文链接：https://blog.csdn.net/qq_51438805/article/details/128328112

版权

CSS：层叠样式表

一、结构

写在head标签中的style标签中，由选择器和大括号构成，大括号内为css属性，属性名：属性值。

<head>
	<style>
	/* css注释 */
	/* 选择器{css属性} */
	/* 选择器查找标签* */
	p{
	color:red;
	/* 字体大小，px表示像素 */
	front-size:30px;
	/* 背景颜色 */
	background-color:green;
	width:400px;
	height:400px;
	}
	</style>
</head>

二、css引入方式

内嵌式（CSS在html文件中以style标签定义，上面一段就是内嵌式，适用小案例）
外联式（单独另建CSS文件，适用项目中）
引入方式：<link rel=“stylesheet” href=“[css文件路径]”>,link标签同样写在head标签中
行内式（写在属性中,配合js使用）
举例：<div style=“color:red;font-size:30px;”>