前端课程——显示与隐藏
前端课程——显示与隐藏
前端课程——盒子模型
盒子模型基本概念与相关概念
前端课程——HTML与CSS中的文本
HTML与CSS中的文本 结构化元素 结构化元素就是指 HTML 元素中具有明确含义和作用的元素，例如 `` 元素表示段落。相对于 HTML 4.01 版本而言，HTML5 版本新增了一系列结构化元素。 HTML4.01版本的结构化元素 名称 代码 标题元素 <h1>~<h6> 段落元素 <p> 粗体元素 <b> 斜体元素 <i> 上标/下标元素 <sup>/<sub> 换行符 <br> 水平线元素 <hr> HTML5新增的结构元素 <article> 元素 <section> 元素 <nav> 元素 <aside> 元素 <header> 元素 <main> 元素 <footer> 元素 HTML4中的元素 标题元素 HTML 标题元素具体是指<h1>~<h6>元素，其呈现了 6 个不同级别的标题，<h1&g ...
前端课程——颜色与单位
颜色与单位 有关颜色的相关概念 色调：很接近通俗意义上的颜色。 图像的相对明暗程度，在彩色图像上表现为颜色（简单的理解为颜色） 饱和度：是指颜色中灰色的含量。 色彩的纯洁性（颜色中灰色的含量），也叫饱和度/彩度。 亮度：是指颜色中黑色的含量。 发光体的光源面积之比（黑色的含量） 对比度：前景色与背景色之间的差异。 明暗区域最亮的白和最暗的黑之间不同亮度层级的测量，差异范围越大代表对比越大，差异范围越小代表对比越小。 Web 安全色：不需要担心颜色在不同硬件环境、操作系统和浏览器之间的差异。 不必担心因不同硬件（浏览器）而造成的颜色不同。Web 安全色目前基本具有 216 种颜色，其中色彩为 210 种（开发时使用的颜色），非色彩为 6 种。 关于 Web 安全色的具体颜色以及值，可以参考 https://www.bootcss.com/p/websafecolors/。 前景色与背景色 CSS 中的前景色和背景色就是 color 和 backgorund-color 两个属性，其中 color 属性表示前景色，background-color 属性表示背 ...
前端课程——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）： ...
