前端开发共7篇
CSS 选择器实战:标签、类、ID 与属性选择器-AI运维探索者

CSS 选择器实战:标签、类、ID 与属性选择器

一、标签选择器 直接写标签名,选中所有该标签: 特点:范围大,容易“全局影响” 示例说明: 1、创建一个名为css-study的文件夹并使用VSCode打开,再创建一个名为7-1.CSS引用方式-标签选择器.h...
头像3年前
0247
CSS 盒模型实战:border、padding 与 margin-AI运维探索者

CSS 盒模型实战:border、padding 与 margin

一、边框border 1.1 基本写法 解释: - `1px`:边框宽度 - `solid`:实线(还有 `dashed` 虚线) - `333`:颜色 1.2 单边设置 1.3 圆角 border-radius 1.4 示例说明 1、创建一个名为css-study的...
头像3年前
04110
CSS 快速上手:颜色、尺寸、位置与背景实践-AI运维探索者

CSS 快速上手:颜色、尺寸、位置与背景实践

一、设置CSS颜色和大小 1.1 文字颜色color 颜色写法常见有三种: - 英文单词:`red`、`blue` - 十六进制:`ff0000`(红) - rgb:`rgb(255, 0, 0)` 1.2 字体大小 font-size 初学阶段最常用单位...
头像3年前
02414
CSS 引用方式:内部样式表与外部样式表-AI运维探索者

CSS 引用方式:内部样式表与外部样式表

一、内部样式表(写在head的style标签中) 适合:小 demo、学习练习、单页面快速写 优点:简单直接 缺点:代码多了会乱,不利于复用与维护 示例说明: 1、创建一个名为css-study的文件夹并使用V...
头像3年前
0279
CSS 常用属性:字体、文本与背景样式-AI运维探索者

CSS 常用属性:字体、文本与背景样式

一、字体属性 1.1 字体大小 1.2 字体粗细 1.3 字体类型 1.4 示例说明 1、创建一个名为css-study的文件夹并使用VSCode打开,再创建一个名为8-1.CSS常用属性-字体属性.html 2、双击【8-1.CSS常用...
头像3年前
0498
CSS 入门:核心作用与语法规范-AI运维探索者

CSS 入门:核心作用与语法规范

一、什么是CSS 1.1 CSS 的作用是什么? CSS(Cascading Style Sheets)层叠样式表,是用于控制网页样式和布局的标记语言。它像化妆师一样,为HTML元素添加颜色、字体、间距等视觉样式,实现内容...
头像3年前
0529
CSS Flex 布局入门:display 与对齐方式-AI运维探索者

CSS Flex 布局入门:display 与对齐方式

一、flex排列方向 控制主轴方向(元素从哪边开始排) 示例说明: 1、创建一个名为css-study的文件夹并使用VSCode打开,再创建一个名为9-2.CSS常用属性-display属性-fiex排列方向.html 2、双击【...
头像3年前
03913