前端初级学习阶段(3)

我们要讲什么 Iconfont 字体图标(阿里巴巴矢量字体图标库)原理以及实现 Media媒体响应式布局 Flex弹性盒子布局 移动端适配原理 rem(px、em、rem、%、vm) 课后作业 使用 Media 做一个商品列表,800 以下的屏幕显示两列,其他屏幕 width: 200...

2019-06-24 21:59:59

阅读数 165

评论数 0

前端初级学习阶段(2)

我们要讲什么 CSS选择器(基本、层级、属性、伪类、伪状态) CSS常用样式属性 CSS3 过渡、变换、动画 CSS3 3D场景搭建与应用 CSS选择器(基本、层级、属性、伪类、伪状态) 基本选择器 选择器 例子 例子描述 CSS规范级别 ID 选择器 #login 选择 ...

2019-06-24 21:59:56

阅读数 178

评论数 0

前端初级学习阶段(1)

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。 好了,不闲扯,接下来进入我们的正题。 我们要讲什么 课程体系介绍、HTML+CSS基本入门知识 网站运行原理 HTML常用标签、表单新类型、网页SEO优化 ...

2019-06-24 21:59:54

阅读数 152

评论数 0

CSS 常用工具方法封装

CSS pc-reset PC样式初始化 /* normalize.css */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust:...

2019-06-24 21:49:56

阅读数 187

评论数 0

JavaScript 常用工具方法封装

JavaScript type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String' } isNumber (o) { //是否数字 ret...

2019-06-24 21:49:54

阅读数 151

评论数 0

基础系列(2)--- css1

css组成 1 css语法组成 2 选择器 和 声明 (多个声明用分号隔开) 3 声明包括 属性和属性值(多个属性值用空格隔开) 4 5 语法: 6 选择器{ 7 属性: 属性值; 8 属性: 属性值1 属性值2; 9 } css样式表 1.内部样式表 通常放在h...

2019-06-24 21:00:03

阅读数 87

评论数 0

基础系列(1)-- html

网页的组成 结构 ------ xhtml,xml 表现 ------ css 行为 ------ bom,dom,ECMAScript html5结构 1 <!DOCTYPE html> <!-- 声明文档类型 html --&...

2019-06-24 20:59:59

阅读数 68

评论数 0

HTML5开发基本常识

HTML5开发基本常识 1.什么是HTML5开发工程师? HTML5开发工程师是协调HTML5设计师、后端程序员实现网站页面或程序界面,优化交互体验的一个职位。 2.HTML5开发工程师需要掌握哪些职业技能? 市场非常需要精通HTML、CSS、JavaScript、JQuery、Ajax等这些核心...

2019-06-21 21:30:00

阅读数 89

评论数 0

如何构建单页Web应用

首先我们来看一看单页应用是什么?所谓单页应用,指的是在一个页面上集成多种功能,甚至整个系统就只有一个页面,所有的业务功能都是它的子模块,通过特定的方式挂接到主界面上。它是AJAX技术的进一步升华,把AJAX的无刷新机制发挥到极致,因此能造就与桌面程序媲美的流畅用户体验。 其实单页应用我们并不陌生,...

2019-06-21 21:29:57

阅读数 91

评论数 0

做HTML5页面你要懂得这些

很多人问过我这个问题,而问这个问题的人基本上都是刚听说过HTML5,处在懵懂的阶段,他们往往会被一些网上炫酷页面所吸引,开始的目的也很简单,能通过自己的努力做出这些页面,而这些页面效果一般只要通过简单的html和css就能实现,但这仅仅是表面现象,做出来与做好是两码事。而要做好它,必须要深入地去了...

2019-06-21 21:29:52

阅读数 110

评论数 0

web前端篇:JavaScript正则表达式(1)

1.创建正则表达式 1.1方法1:直接量语法 语法:var reg = /pattern/attributes 解释:参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串,包含属性 “g”、”i” 和 “m”,分别用于指定全局匹...

2019-06-14 22:00:07

阅读数 133

评论数 0

Web前端篇:css显示方式

1.行内元素水平居中显示 通过line-hinght + text-align <!DOCTYPE html> <html lang="en"> <head> <met...

2019-06-14 22:00:04

阅读数 137

评论数 0

web前端篇:JavaScript正则表达式(2)

1 test方法 ​ 检索字符串中指定的值。返回 true 或 false。 检索字符串中指定的值。返回 true 或 false。 <!DOCTYPE html> <html lang="en"> <hea...

2019-06-14 21:59:39

阅读数 116

评论数 0

web前端篇:JavaScript正则表达式(3)常用正则匹配

匹配国内电话号码:\d{3}-\d{8}|\d{4}-\d{7} 如 0511-4405222 或 021-87888822 匹配QQ号:[1-9][0-9]{4,} 从10000开始 邮政编码:[1-9]\d{5}(?!\d) 邮政编码为6位数字 匹配身份证:/^(\d{14}|\d{17})(...

2019-06-14 21:59:33

阅读数 168

评论数 0

Web前端篇:css背景属性和边框属性

背景属性值 属性值 属性值 描述 background-color d单侧颜色法,RGB,十六进制 s设置元素的背景颜色 background-image url(“wy.png”) 给一个元素设置一个或多个背景图像 background-position top,lef...

2019-06-13 22:00:03

阅读数 4440

评论数 5

Web前端篇:css定位

定位是一个相当复杂的话题,在去深入理解定位之前,我们先来聊一下之前我们的标准文档流下的布局。 应用:网页中小广告,返回顶部的UI。 1.Position属性 定位方式:top,right,bottom,left属性决定该元素的最终位置。 2.静态定位 静态定位意味着“元素默认显示文档流的位置...

2019-06-13 22:00:01

阅读数 1441

评论数 0

Web前端篇:css浮动

浮动是网页布局中非常重要的一个属性。那么浮动这个属性一开始设计的初衷是为了网页的文字环绕效果。 文字环绕现象 <!DOCTYPE html> <html lang="en"> <head&gt...

2019-06-13 21:59:44

阅读数 310

评论数 0

Web前端篇:CSS盒模型

常用块元素由: p,h1-h6,div,ul,ol,tr,li,form 常用内联元素由: a,span,em,i,strong,u, 常见的内联块元素 input img 盒模型常用属性: 盒子模型中有四个属性:内容的宽高、内边距、外边距、边框。 1.padding pa...

2019-06-13 21:59:41

阅读数 4679

评论数 5

Web前端篇:CSS常用格式化排版

一、字体的属性 设置字体属性: body{font-family:"Microsoft Yahei"} body{font-family:"Microsoft Yahei","宋体","黑体"} #备选字体可以有无数...

2019-06-13 21:59:39

阅读数 4588

评论数 1

web前端篇:css练习题

1.div和span标签在网页中的作用? div将网站分割成独立的逻辑区域division分割 span:小区域标签,在不影响文本正常显示的情况下,单独设置对应的样式。 <style> span.active{ font-weight:bold; ...

2019-06-12 22:08:24

阅读数 1224

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭