《HTML5网页设计》-T4（CSS基础）

最新推荐文章于 2022-04-27 21:36:24 发布

baomg_82917

最新推荐文章于 2022-04-27 21:36:24 发布

阅读量528

点赞数

本文链接：https://blog.csdn.net/baomg_82917/article/details/111273877

版权

本文介绍了CSS的基础知识，包括CSS的作用、样式表的分类（行内、内嵌、外部）以及选择器的分类（基本选择器和扩展选择器）。通过学习，可以理解CSS如何丰富网页样式，并实现内容与样式的分离。

摘要由CSDN通过智能技术生成

一、CSS概述

CSS：层叠样式表
CSS作用或优点：样式丰富；内容与修饰分离；样式复用
CSS基本语法：

<style type="text/css">
	选择器 {
    
		属性1:属性值1;
		属性2:属性值2;
		......
	}
</style>

二、CCS样式表分类

1、行内样式表

直接写在标签里面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--行内样式表-->
		<p style="color: red;font-size: 20px;">中华人民共和国</p>
	</body>
</html>

2、内嵌样式表

写在head标签中，使用style标签实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--内嵌样式表-->
		<style type="text/css">
			p{
    
				color: red;
				font-size: 20px;
			}

最低0.47元/天解锁文章

baomg_82917

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
《HTML5网页设计》-T4（CSS基础）

一、CSS概述CSS：层叠样式表CSS作用或优点：样式丰富；内容与修饰分离；样式复用CSS基本语法：<style type="text/css"> 选择器 { 属性1:属性值1; 属性2:属性值2; ...... }</style>二、CCS样式表分类1、行内样式表直接写在标签里面<!DOCTYPE html><html> <head> <meta charset="UTF-8">
复制链接

扫一扫