CSS学习总结

CSS，中文解释为层叠样式表，它能够对网页中的元素进行装修，支持几乎所有的字体字号样式，可以对网页对象和模型样式进行编辑。

CSS的三大引入样式：

1.行内式引入：

借助标签的style属性引入css样式；

<font style="color: red; font-size: 20px ;">这里是红色文字</font>

2.内嵌式引入：

写在head标签内，使用style标签定义css样式；

<style>
/*定义span标签的样式*/
			span{
				font-size: 20px; /*字体大小为20像素*/
				color: green; /*文字颜色为green*/
				background: bisque; /*背景颜色为bisque*/
			}
</style>

3.链接式引入：

将CSS代码独立放在CSS文件中，可以作用于多个网页。在html文件的head标签里面通过link标签引入css文件。

span{
		font-size: 20px;
		color: darkblue;
		background: bisque;
}

<!-- stylesheet表示文档的外部样式表 -->
<link  rel="stylesheet" href="css/mycss.css" />

CSS的三大基本选择器

1.标签名选择器：

给页面上所有同名标签定义样式选择器。

p{
		font-size: 20px;
		color: red;
		background: bisque;
}

2.id选择器：

通过标签的id属性的值给该标签配置css样式（id属性的值在同一个网页中唯一）

/*给属性的id="p1"的标签配置字体为红色的样式。*/
#p1{
			color: red;
	}

3.类选择器：

通过标签的class属性的值给该标签配置css样式（多个标签可以有一样的class值。）
给class="c"的标签配置css样式

.c{
			color: hotpink;  /*字体颜色*/
			text-decoration: none;  /*文字装饰*/
			background-color: #00008B;/*背景颜色*/
		}

	<span id="s1"  class="c"> 哈哈哈1</span>
	<a href="https://www.baidu.com" class="c">百度</a>

4.其余选择器：

除了三个基本选择器外，还有层级选择器、属性选择器、分组选择器、伪类选择器等，读者可以查询[wschool教学网站]。(https://www.w3school.com.cn/css/index.asp)