主要学习方法介绍、软件安装相关使用和快捷键(浏览器、Hbuilder)、项目开发流程(产品的原型图需求文档、设计的效果图、技术的开发文档)和web 网页的组成部分等课程内容。
课程内容
Html5、Css3、W3C盒子模型、Less预处理、Javascript基础语法、Media查询、CssRem插件、浏览器兼容
ECMAScript6、面向对象、闭包、原型链、作用域、监听事件、Dom、正则表达式、Json、JQuery框架、BootStrap框架、Animate框架
MySQL、DDL、DML、DQL、Node.js、Commonjs、NPM和YARN、Http、Cookie、Session、Node.js连接、Express框架、MySQL、后端路由、静态资源托管、RestFul API、Ajax
Git、Vue框架、Vue组件、过渡和动画、VueRouter路由系统、Webpack工程化、ESLint代码校验、clean-webpack-plugin、Sourcemaps、Vue/CIi脚手架、MVVM模式、Render
小程序组件、小程序样式、腾讯地图API、分包加载、兼容处理、发布和.上线、公众号关联、小程序JavaScript
虚拟DOM、Diff算法、React框架、JSX语法、Vue组件、过渡和动画、CSSModules、React组件、ESLint代码校验、Treeshaking打包优化、React/Cli脚手架、Redux状态管理架构、AntDesign组件框架
学Web前端, 为什么选择博为峰
CSS 基本使用
一、定义
Css 在国内被称之为级联样式表、层叠样式表、样式表,它的作用就是修饰当前网页中
的 HTML 元素。
二、基本使用步骤
CSS 与 HTML 可以看做是二门 互相独立的语言, 时如果想用 CSS 来操作 HTML 那么 此
就需要先将二者建立关系。
此时在 HTML 当中就准备了一个叫 style 的标签( 它是一个双标签 ),在这个标签对之
间就可以用来书写我们的 CSS 代码。常见的存放位置可以是 head 标签里 title 标签下。
通过 CSS 的选择器找到我们想要操作的元素然给它设置样式( 写在 style 标签之中 )
1.16 体验 CSS
常见的 CSS 元素属性:
width 定义元素宽度单位是 px ,
height 定义高度,
background-color 设置背景颜色。
CSS 代码书写的固定语法:
选择器{ CSS 代码 }
建议大家在开发阶段将 CSS 样式分行写,且每行的结尾用==;== 结束。
1.17CSS 选择器
一、定义
所谓的 CSS 选择器就是 CSS 中已经定义好的用来选中某些元素的固定语法。 的作用 它
就是选中我们想要设置样式的元素。
二、CSS 选择器的分类
在 CSS 中有很多种选择器,我们人为的分成二大类: 简单选择器 + 复合选择器。
三、简单选择器:
标签名选择器:通过具体的 HTML 标签名称来选择元素。【会将当前网页中所有叫该名
字的标签都选中】
类名选择器:通过标签类名来选择元素
Id 选择器:通过 id 名称选择元素。
1.18 类名选择器
一、为什么需要类名选择器
一个完整的网页需要很多标签组合在一起进行编写实现,因为 HTML 标签的种类有限,
所以同名的一个标签有可以会在一个网页中出现多次。 此时如果想对这些同名的标签分别设
置不相同的样式。那么直接使用标签名选择器就没有办法实现。这种情况下我们就可以使用
类名选择器。
二、类名选择器的基本使用步骤
定义 HTML 网页结构,然后在我们想选中的元素身上设置 class 属性。
将我们想要一起选中的元素们 身上设置相同的 class 属性值( 类名 )
此时我们只需要在 style 标签中按着固定的语法来调用我们的类名: .类名
1.19Id 选择器
一、为什么需要 id 选择器
如果我们只想从一堆元素当中选中其中的某一个元素,那么就可以使用 id 选择器。这
个 id 就和人的身份证号是一样的。
二、Id 选择器使用
在我们想要选中的元素身上设置一个 id 属性。
给这个 id 属性设置一个值,我称为 id 名。
在 style 当中通过固定的语法来进行调用: #id 名{}
注:要求在一个网页当中不能出现同名的 id 值