前端课程——CSS选择器
css选择器 什么是选择器 CSS 选择器的作用是按照 CSS 规则定位 HTML 页面的一个或多个元素。浏览器在解析 HTML 页面时,会根据 CSS 规则中的选择器定位 HTML 页面的元素,并为对应的元素设定样式。 选择器的分类 基本选择器:共有 5 个基本选择器,是 CSS 选择器的最为基本的用法。 层级选择器:共有 4 个层级选择器,是根据 HTML 元素之间的关系来定位 HTML 元素。 组合选择器:具有交集和并集两种用法,是将之前基本选择器和层级选择器进行组合。 伪类选择器:允许未包含在 HTML 页面中的状态信息选定位 HTML 元素。 伪元素选择器:定位所有未被包含 HTML 的实体。 基本选择器 类型(Type)选择器(有些中文资料中称为“元素选择器”) 简单来说,就是元素选择器 1234div { color: lightcoral; font-size: 24px; } 类(Class)选择器 类名选择器,以.区分,对应的名称是标签中指定的class名 1234.demo { ...
前端课程——HTML概述
HTML概述 第一个HTML页面 创建 在vscode中输入html选择html:5即可 结构 !doctype 声明 <!DOCTYPE html>告诉浏览器当前html页面的版本 html基本结构 1234<html lang="en"> <!-- 根元素,包含其他所有HTML元素 --> <head></head> <!-- 定义头部基本信息:标题,关键字,作者等 --> <body></body><!-- 表示当前HTML的主体,定义最终在浏览器窗口显示的内容 --></html> HTML标签 元素(Element):是用来包含文字、图片或者音视频的内容,一般是由标签和内容组成。 标签(Tag):是元素的组成部分,一般分为开始标签和结束标签。 注意: html标签对大小写不敏感,但W3C组织强制元素名使用小写 开始标签与结束标签 元素的属性 属性名(attribute name): ...






