5.28 学习总结

最新推荐文章于 2024-09-14 21:53:48 发布

阿轩不熬夜~~

最新推荐文章于 2024-09-14 21:53:48 发布

阅读量927

点赞数 19

文章标签：学习

本文链接：https://blog.csdn.net/sin1810335764/article/details/139276827

版权

一.CSS学习(一)

<head>
	<style>
		选择器{
			属性名：属性值;
			属性名：属性值;
		}
	</style>
</head>

1. 内部样式
也称为内嵌样式，在页面头部通过style标签定义

对当前页面中所有符合样式选择器的标签都起作用

2. 行内样式
也称为嵌入样式，使用HTML标签的style属性定义

只对设置style属性的标签起作用

3. 外部样式
使用单独的 .CSS 文件定义，然后在页面中使用 link标签或 @import指令引入

实例:

link标签引入

<link rel="stylesheet" type="text/css" href="CSS样式文件的路径">

@import指令引入

<style>
	@import "CSS样式文件路径";
	@import url(CSS样式文件路径);
</style>

选择器分为基础选择器和复合选择器两个大类(本文先讲基础选择器)

基础选择器是由单个选择器组成的，包括：标签选择器、类选择器、id 选择器和通配符选择器

标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的 CSS 样式。

标签选择器可以把某一类标签全部选择出来，比如所有的 <div> 标签和所有的 <span> 标签。
优点：能快速为页面中同类型的标签统一设置样式。
缺点：不能设计差异化样式，只能选择全部的当前标签。

标签名{
 属性1: 属性值1; 
 属性2: 属性值2; 
 ...
}

想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器，类选择器在 HTML 中以 class 属性表示，在 CSS 中，类选择器以一个点“.”号显示。

在标签class 属性中可以写多个类名，多个类名中间必须用空格分开。

.类名 {
 属性1: 属性值1; 
 ...
}

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML 元素以 id 属性来设置 id 选择器，CSS 中 id 选择器以“#" 来定义。

注意：id 属性只能在每个 HTML 文档中出现一次。

#id名 {
 属性1: 属性值1; 
 ...
}

在 CSS 中，通配符选择器使用“*”定义，它表示选取页面中所有元素（标签）。

* {
 属性1: 属性值1; 
 ...
}

CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。

属性	含义	说明
font-size	大小、尺寸	我们通常用的单位是px 像素，一定要跟上单位
font-weight	粗细	记住加粗是 700 或者 bold 不加粗是 normal 或者 400 记住数字不要跟单位
font-family	字体	实际工作中按照团队约定来写字体
font-style	样式	记住倾斜是 italic 不倾斜是 normal 工作中我们最常用 normal
font	简写