CSS 选择器

最新推荐文章于 2025-03-06 12:11:45 发布

何须执手问年华丶

最新推荐文章于 2025-03-06 12:11:45 发布

阅读量87

点赞数

本文链接：https://blog.youkuaiyun.com/rainy_killer/article/details/88697956

版权

HTML今日重点

往期：1、什么是HTML？

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML是用来描述网页的一种语言
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

2、属性：属性总是以名称/值对的形式出现，比如：name=“value”

css选择器

CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。

css字体样式属性

font-size: 字号大小
font-family: 字体
font-weight: 字体粗细
font-style: 字体风格
font综合设置字体样式（重点）
基本样式：选择器{font: font-style font-weight font-size/line-height font-family;}
注意：使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开。（其中不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，否则font属性将不起作用。）

标签选择器

标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：

标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }  或者
元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

类选择器

类选择器使用“.”（英文点号）进行标识，后面紧跟类名，其基本语法格式如下：

.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
 标签调用的时候用 class=“类名”  即可。

注意：尽量使用英文命名

eg：显示Google Chrome 的LOGO

<head>
        <meta charset="utf-8">
        <style>
        span {
        	font-size: 100px;
        }
        .blue {
        	color: blue;
        }
        .red {
        	color: red;
        }
        .orange {
			color: orange;
        }
		.green {
			color: green;
		}
        </style>
    </head>
    <body>
    	<span class="blue">G</span>
    	<span class="red">o</span>
    	<span class="orange">o</span>
    	<span class="blue">g</span>
    	<span class="green">l</span>
    	<span class="red">e</span>
    </body>