html css基础教程主要内容有哪些?

html-css013

html css基础教程主要内容有哪些?,第1张

html css基础教程归纳如下:

第1、Html介绍

本章节主要讲解html和css样式的关系,以及html标签、html文件结构、head标签,最后讲解了在html中的注释代码的作用。

第2、认识标签(第一部分)

学完这一章节将对标签的使用有了一些初步的认识,可以使用标签制作出一篇简单的文章网页。下一章节将进一步学习另外一部分html标签。

第3、认识标签(第二部分)

本章节主要讲解列表、div及table标签使用,学完本章,可以在网页上展示一些信息列表及表格数据,使网页上的信息更加丰富

第4、认识标签(第三部分)

本章节主要讲解超链接标签、链接地址及图片标签,学习完这一章节可以把分散的单独的网页用链接标签有效的组织起来,达到网页之间可以相互跳转的作用。

第5、与浏览者交互,表单标签

每天都在网上冲浪,如果没有表单,人们就无法输入自己的个人信息来买东西,本章节主要从表单的作用、表单元素讲起,学习完本章,可以制出简单的用户登陆、注册页面。

第6、开始学习CSS,为网页添加样式

CSS是一个很神奇的东西,设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式:先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。

第7、CSS样式基本知识

这一章节主要讲解与CSS样式相关的基础知识:CSS样式的位置及相关的优先级,为后面的CSS样式具体学习打下基础。

第8、CSS选择器

本章主要介绍CSS的选择器,通过学习本章,能对元素进行样式的设置

第9、CSS的继承、层叠和特殊性

CSS中有一些概念是需要深刻理解的,此节开始将介绍CSS中的一些非常重要的概念包括CSS的继承、层叠和特殊性。

第10、CSS格式化排版

本章将详细介绍网页排版中主要格式化要素,帮助读者把CSS技术与网页编排紧密结合在一起,实现网页实用性与欣赏性相结合,实现出设计效果。

第11、CSS盒模型

盒模型是CSS布局的基石,它规定了网页元素如何显示以及元素间相互关系。本章将围绕盒模型的概念、结构、尺寸等基础知识展开研究,以便为后面的学习和日后网页设计奠定扎实的基础。

第12、CSS布局模型

现在可以用所需的知识进行真正设计了,学习完本章节可以运用所学习的知识实现网页的多列布局,本章将围绕流动模型、浮动模型、层布局模型等布局技术展开研究,以便为后面制作复杂的网页打下基础。

第13、CSS代码缩写,占用更少的带宽

虽然CSS文件或者嵌入的CSS都纯文本文件,为了减少css样式代码的编写量,代码缩写是很有必要的。这样可以使用户访问网页的时候占用更少的带宽。

第14、单位和值

本章节对单位如颜色的单位和值等时行详细讲解。

第15、css样式设置小技巧

本章节对在日常前端开发中常用到css样式设置小技巧进行了讲解。

首先CSS样式命名要规范,这样方便以后维护,在每个大DIV样式那里注释,因为并不是每个人写出来的样式都一样的,这样你的团队其他成员看到你写的样式也会看得懂, 否则看得别人想骂娘

写出来的代码要兼容主流浏览器

最重要的是IE6 很难兼容

一般火狐、Opera、谷歌、苹果 这四个智能浏览器 只要你兼容了一个 那其他三个基本也就兼容了

但凡事都有另外 ,也有互不兼容的时候

第一阶段HTML+CSS核心基础

HTML,CSS核心基础;CSS过渡;HTML5语义化标签;线性渐变,径向渐变;HTML新增标签属性;CSS动画Animation;表单项新增属性;弹性盒模型;CSS选择器;经典布局练习(双飞翼,CSS3伪类 品字布局) + 案例;CSS伪元素;响应式布局

第二阶段JavaScript

JavaScript基础;JavaScript操作DOM;JavaScript面向对象(js高级)

第三阶段PC端整栈开发:

PC项目;jQuery;jQuery项目;less;bootStrap

第四阶段ES6+Node+工程化:

ES6/7/8;promise;npm常用命令;git基础(常用操作);git高级;Node.js基础;git基础(常用操作);http协议 &cookie &session;MongoDB;Express框架;ajax(原生,jQuery,axios,fetch);ajax库基本封装使用 promise封装;模块化;构建工具gulp,webpack4.0基础

第五阶段React技术栈:

React基础语法;react-router;React Antd使用;Redux;React移动端项目

第六阶段Vue技术栈:

Vue基础;VueRouter;Vuex;Vue源码(v-model, 双向数据绑定);VuePC项目-电商;Vue后台管理

第七阶段小程序:

小程序;UniApp;TypeScript

第八阶段就业指导+面试精讲:

vue实战(移动端);小程序实战; 面试精讲;就业指导