HTML 与 CSS 学习笔记 - 系列目录
前言
将这 30 天的资料做成目录，并简单说明内容，方便查找
纪录一下
系列目录
-
Day01 - 说明、工具
- 前言
- 对象
- 工具：Chrome、VS Code
-
Day02 - HTML 和 CSS 概述
- HTNL
- CSS
- 关系
- 牛刀小试：建立第一个档案、增加 CSS，改颜色
-
Day03 - HTML (1) - 标签、架构、注解
- 标签 (tag)
- 架构：架构、语意化标签
- 注解
-
Day04 - HTML (2) - head、body
-
<head> -
<body>
-
-
Day05 - HTML (3) - 列表、a、img
- 列表清单 (List)
-
<a>连结 -
<img>图片 - 综合练习
-
Day06 - CSS (1) - Element、位置
- Element (元素)
- CSS 的位置
-
Day07 - CSS (2) - 选择器、随机假文
- 选择器 (Selector)
- 标签选择器
- 拟态选择器
- 其他选择器
- 随机假文
- 选择器 (Selector)
-
Day08 - CSS (3) - 选择器、文字排版
- 选择器
- 类别选择器
- ID 选择器
- 调整文字排版
- 选择器
-
Day09 - CSS (4) - 线条、容器、重置 CSS
- 线条
- 网页容器
- 重置 CSS
-
Day10 - HTML 与 CSS (1) - 区块元素、行内元素
- 区块元素
- 行内元素
-
Day11 - HTML 与 CSS (2) - 选择器、margin、padding
- 选择器
- 後代选择器
- margin
- padding
- 临时测试
- 选择器
-
Day12 - HTML 与 CSS (3) - Box Model
- margin 与 padding
- Box Model (盒模型)
- 临时测试
-
Day13 - HTML 与 CSS (4) - 水平置中、box-sizing
- 区块水平置中
- 文字水平置中
- box-sizing
-
Day14 - Flex (1) - 概述
- Flex
- VS Code 套件
-
Day15 - Flex (2) - 外容器、轴线
- 外容器 (Container)
- 轴线
- 快速输入
-
Day16 - Flex (3) - 轴线、justify-content 与 align-items
- 轴线
- justify-content 与 align-items
-
Day17 - Flex (4) - flex-wrap、flex-flow、内元件
- flex-wrap
- flex-flow
- 内元件
-
Day18 - Flex (5) - 并排选单
- 并排选单
- 小技巧
-
Day19 - Position (1) - 相对定位、绝对定位
- 相对定位与绝对定位
-
Day20 - Position (2) - 固定定位
- 固定定位
- 快速输入
-
Day21 - HTML 与 CSS (5) - Table 表格
- Table 表格
-
Day22 - HTML 与 CSS (6) - Form 表单
- Form 表单
-
Day23 - HTML 与 CSS (7) - Form 表单
- Form 表单
-
Day24 - CSS (5) - 圆弧、阴影
- 圆弧
- 阴影
- 小工具
-
Day25 - CSS (6) - 渐层、权重
- 渐层
- CSS 权重
-
Day26 - HTML 与 CSS (8) - 背景图片
- 背景图片
-
Day27 - HTML 与 CSS (9) - head
-
<head>
-
-
Day28 - HTML 与 CSS (10) - 网页设计
- 网页设计
- 补充资料
-
Day29 - Float
- Float
-
Day30 - 结语、推荐
- 结语
- 推荐资料
#2-Installing Node JS
今天要来教大家如何安装 node.js 第一步：官网下载 左边的版本是稳定版，右边的版本是最新版，大...
[Day26] 第二十六课 Azure巢状虚拟化-1 [进阶]
先前有做过巢状虚拟化的建置，趁这次参加铁人赛的机会把它分享出来 先讲结论 巢状虚拟化的效能不会太好，...
D7. 学习基础C、C++语言
D7: if判断式 if的基本样子是: if(判断式){ 如果条件成立时要做甚麽 } else { ...
Day09：程序码编辑器的实用快捷键(1)
一、前言 VSCode 是微软开发的文字编辑器，同时支援 Windows、Linux 和 mac...
时间挤一下就有了，我们挤了没？
前言 利用前几天的篇幅，简单的讨论敏捷与 Scrum，也传达了我觉得团队需要注意的地方。今天再让我们...