CSS3艺术
文章平均质量分 60
用angular建立一个工程记录对《CSS3艺术》学习历程
lxhjh
这个作者很懒,什么都没留下…
展开
-
CSS3艺术:网页设计案例实战之angular实现 序
最近看见一本比较好的书《CSS3艺术:网页设计案例实战》。该书作者,用详实的语言、丰富的经验组织css3各个方面的特点。我在css方面认识几乎是零,想学习学习,看完前面三章之后,我想重新复习一下前面章节时,遇到麻烦事:书还是书,例子还是例子。例子太零散,不方便查看。冲动之下,我准备用angular做一个项目,把书中各个章节的知识点、例子进行一定的组织,方便查看和复习。一、准备工作1、开发工具:vscode2、浏览器:firefox3、在gitee中创建一个叫css3art的仓库二、环原创 2022-05-15 20:13:28 · 251 阅读 · 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 · 378 阅读 · 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 · 255 阅读 · 0 评论 -
CSS3艺术:网页设计案例实战之angular实现 三、第1章 实现路由
目录一、建立chapter01模块二、建立第一章所需组件三、实现第一章的路由1、修改chapter01模块2、修改根模块3、修改根路由4、修改根组件的html四、导航与路由关联1、修改Chapter类,增加链接字段2、修改数据源3、修改根组件的ts,注入路由以及增加导航函数4、修改根组件的html,导航关联路由一、建立chapter01模块ng g m chapter01angular/cli建立文件src\app\chapter1\chapt原创 2022-05-15 23:52:31 · 251 阅读 · 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 · 515 阅读 · 0 评论