CSS3艺术
文章平均质量分 60
用angular建立一个工程记录对《CSS3艺术》学习历程
lxhjh
这个作者很懒,什么都没留下…
展开
-
CSS3艺术:网页设计案例实战之angular实现 序
最近看见一本比较好的书《CSS3艺术:网页设计案例实战》。该书作者,用详实的语言、丰富的经验组织css3各个方面的特点。 我在css方面认识几乎是零,想学习学习,看完前面三章之后,我想重新复习一下前面章节时,遇到麻烦事:书还是书,例子还是例子。例子太零散,不方便查看。冲动之下,我准备用angular做一个项目,把书中各个章节的知识点、例子进行一定的组织,方便查看和复习。 一、准备工作 1、开发工具:vscode 2、浏览器:firefox 3、在gitee中创建一个叫css3art的仓库 二、环原创 2022-05-15 20:13:28 · 260 阅读 · 0 评论 -
CSS3艺术:网页设计案例实战之angular实现 一、数据准备
《CSS3艺术:网页设计案例实战》的目录,按照章节,进行二级数据组织,以便于导航。 1、在src/app文件夹下,建立model文件夹 2、在model文件夹中,建立section.model.ts文件,并建立Section类,用于存放“节” export class Section { constructor( public id: number, public title: string, public link: string )原创 2022-05-15 20:36:40 · 391 阅读 · 0 评论 -
CSS3艺术:网页设计案例实战之angular实现 二、章节目录导航实现
目录 一、修改根模块 二、修改根组件的 ts 三、修改根组件的html 四、修改根组件的css 六、运行结果 一、修改根模块 在src\app\app.module.ts中,导入数据源模块(ModelModule),修改后的文件为 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppRouti...原创 2022-05-15 22:16:19 · 264 阅读 · 0 评论 -
CSS3艺术:网页设计案例实战之angular实现 三、第1章 实现路由
目录 一、建立chapter01模块 二、建立第一章所需组件 三、实现第一章的路由 1、修改chapter01模块 2、修改根模块 3、修改根路由 4、修改根组件的html 四、导航与路由关联 1、修改Chapter类,增加链接字段 2、修改数据源 3、修改根组件的ts,注入路由以及增加导航函数 4、修改根组件的html,导航关联路由 一、建立chapter01模块 ng g m chapter01 angular/cli建立文件src\app\chapter1\chapt原创 2022-05-15 23:52:31 · 261 阅读 · 0 评论 -
CSS3艺术:网页设计案例实战之angular实现 四、实现头部和底部的导航
一、修改第一章介绍的html 修改后的文件(src\app\chapter01\chapter01-introduce\chapter01-introduce.component.html)如下: <p>1、本章将回顾CSS中重要的基本概念。</p> <p>2、本章提供了29个示例。</p> <p> <small>它们充分展现了CSS丰富的表现力,..原创 2022-05-16 15:13:25 · 528 阅读 · 0 评论