1. 默认的浏览器字体 100% = 1em  =1rem =16px  =12pt em继承父元素,rem只继承html根元素 2. text-align水平对齐影响一个元素中文本的水平对齐方式,控制文本的对齐与显示. 值:left | center | right | justify | inherit 初始值:left 应用于:块级元素(包括block和inline-block) 继承性:有 3. letter-spacing 字母间隔是指字符间距,可为负值 值:<length> | n…

第五次课内容: 1. 要注意标签的层次,运用缩进indent,使HTML结构清晰,增加可读性accessible 2. HTML布局网页,CSS显示样式(CSS是用来美化HTML标签的) 3. 开放标签(有开始标记和结束标记)和自闭合标签 4. style标签的type属性值,说明遇到type的时候,将以何种方式显示style标签,例:type="text/css"时,就以CSS样式解析style标签 5. ID选择器作用于最顶层的块 6. CSS的语法:选择器+{1个或多个声明} ,…

1. CSS和HTML一样,也是标记语言 2. CSS有三种样式:嵌入样式.内部样式(行内样式)和外部样式(外部样式表) 3. CSS的语法:选择器+{一个或多个样式} 4. 选择器是为了找到html中对应的元素 常用选择器: a. ID选择器,.ID名 b. class选择器,#class名 c. 父子选择器,用>连接父元素和子元素,样式只会作用于第一代子元素 d. 后代选择器,用空格连接父元素和子元素,样式会作用于所有子元素 e. 标签选择器,例 p{样式} ,这里p就是一个标签名 f. 相…

1. 常用的字符实体(html实体):空格=      <=<       >=>       版权符号=© 2. ID就像身份证号一样,是唯一的,html页面的ID不能重复:class是一个集合/数组,可出现多次 3. 网页一般分为头部.主体.尾部三大块,每一大块一般用ID标识,大块里面的内容就随意了 4. div和span的共同点: a. 都没有实际的语义 b. 都是容器 div和span的不同点: a. div是块状元素:span是行内元素 b. div是大容器:span是小…

1. alt属性对SEO优化很重要 2. 最早的网页是靠table布局标签,后来用div+css进行网页重构(因此现在网页设计的名字由网页设计变成了网页重构) 3. 静态网页和后台没有交互 动态网页和后台有交互,通过表单等 4. 表单对象有text/password/button/submit/reset/radio/checkbox/select/select multiple/file(上传文本框)/hidden(隐藏文本框)/image(图像按钮<input type="image&…

亿能测试大讲堂 - YY在线课程[ 测试人员需要掌握的Shell脚本编程 ]http://automationqa.com/forum.php?mod=viewthread&tid=2453&fromuid=29…

大三上学期期末总结,嗯,没错,是上学期,写在新学期开始hhh. 上学期学了一门HTML5+CSS3的课程,也叫Web前端技术,期末的课程设计是写一个个人主页,能够在浏览器中打开的静态网页.通过一学期的学习,虽然系统学习过一遍,但是综合起来实践还是有些难度的.不过很开心的是在我的不懈努力之下还是基本完成了.下面是设计要求和课程设计获取方式. <Web前端技术实验>期末作品 ——个人网站设计要求 主题:我是大学生 栏目: 自我介绍 我的大学 专业及课程 校园活动 室友 社团经历 获得奖项.证书 课…

这套网上的朋友购买分享给我的,特此分享~ 让大家都受益 早日成为强大的web前端开发工程师!!赶紧回复下载吧 下载地址:http://fu83.cn/thread-172-1-1.html…

1. HTML页面主要由声明.头部.主体三部分构成. 2. 头部及其meta标签,以及主体的title标签很重要,对SEO.搜索优化等很重要. 3. 常用的charset编码格式有2种,一种是utf-8,国际通用:一种是gb2312,国内最常用. 4. HTML语言是标记性语言,标签都为语义化标签. 5. 文本格式化的标签: 加粗<b>bold</b>和<strong></strong>,区别是strong的语义为强调. 斜体<i>italic&…

1.一个元素float以后.为什么要清除浮动?清除浮动的方法有哪些? 浮动确实是经经常使用,也知道清除浮动的必要性.但要我道个所以然,还是得绞尽脑汁.我个人的理解是,当一个元素float以后,就脱离正常的文档流,高度塌陷,也就是浮动元素原来的占位空间就消失了.那么紧跟着的元素的宽度就会占领浮动元素的位置,好像浮动元素不存在似的.那么疑问就来了.假设紧跟着的元素没有不论什么的清除浮动行为,可是感觉好像认的浮动元素一样,给他让出空间.请看: <span style="font-size:18p…

vue—你必须知道的   目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript 经验总结 更多总结 猛戳这里 属性与方法 不要在实例属性或者回调函数中(例如,vm.$watch('a', newVal => this.myMethod())使用箭头函数.因为箭头函数会绑定父级上下文,所以 this 不会按照预期指向 Vue 实例,然后 this.myMethod 将是未定义.…

PHP程序员雷雪松整理出来的一套独一无二的Web前端开发课程.本套Web前端开发课程专门为想励志成为优秀web前端工程师的学习者而总结归纳的,本套Web前端课程舍弃了一些不常用的即将废弃的HTML标签,不适用的前端知识点,重点讲解一些常用的Web前端技巧.不管你对Web前端有基础还是没有基础,只要努力掌握课程中的知识点都可以成为一名优秀的Web前端工程师. 第一课:WEB前端培训开山篇 第二课:HTML基础(什么是标签.属性.元素.基本HTML的格式.代码注释以及编辑器.调试) 第三课:常用的H…

范仁义web前端介绍课程---1.课程意义 一.总结 一句话总结: 提供的这一整套学习方法和资源,配合艾宾浩斯遗忘曲线等各种复习.学习算法和后续会有的娱乐化学习方式,能否真正做到让学过的东西不再忘记.(能否极大的提高学习效率,节约学习时间,降低学习难度) 1.方便且服务大家,带领前端学习者走一条捷径 2.结合我的网站,提供的这一整套学习方法和资源,配合艾宾浩斯遗忘曲线等各种复习.学习算法和后续会有的娱乐化学习方式,能否真正做到让学过的东西不再忘记.(能否极大的提高学习效率,节约学习时间,降低学习…

前言 前端工程师在中国兴起也就5年左右,以前公司里没有专门前端工程师的这个职位,很多前端方面的任务都是由全栈工程师来完成,有的基础一点的后台或者设计的帮助分担一些.但是随着互联网的快速发展,特别是所谓的Web2.0的发展,前端业务变得复杂起来,需要有专业的前端工程师来满足用户多样化的需求. 然而,高校的计算机教育并没有跟上互联网快速发展步伐,现在高等学校里没有的前端课程,对于需要打基础的前端同学来说学习起来比较困难. 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格…

引言 "工欲善其事,必先利其器" 恩,这句话我觉得说的特别有道理,举个例子来说吧,厉害的化妆师都有一套非常专业的刷子,散粉刷负责定妆,眼影刷负责打眼影,各司其职,有了专业的工具才能干专业的事,这个灵感要来源于之前我想买化妆品时,店里的海报标语,由此联想到,如果你想在某个事情上做好,并且做的专业,那么你一定要把你的工具用好,这样才能事半功倍,我见过很多师兄师姐,他们写了很多代码,他们能够很快的完成工作,能够处理很多复杂的业务逻辑,但是对于浏览器的调试掌握的并不全面和熟悉,说说我自己吧,我…

引言 "工欲善其事,必先利其器" 恩,这句话我觉得说的特别有道理,举个例子来说吧,厉害的化妆师都有一套非常专业的刷子,散粉刷负责定妆,眼影刷负责打眼影,各司其职,有了专业的工具才能干专业的事,这个灵感要来源于之前我想买化妆品时,店里的海报标语,由此联想到,如果你想在某个事情上做好,并且做的专业,那么你一定要把你的工具用好,这样才能事半功倍,我见过很多师兄师姐,他们写了很多代码,他们能够很快的完成工作,能够处理很多复杂的业务逻辑,但是对于浏览器的调试掌握的并不全面和熟悉,说说我自己吧,我…

转载原文地址:https://juejin.im/post/5cc1da82f265da036023b628 开篇前端开发是一个非常特殊的行业,它的历史实际上不是很长,但是知识之繁杂,技术迭代速度之快是其他技术所不能比拟的.winter在他的<重学前端>课程中提到: 到现在为止,前端工程师已经成为研发体系中的重要岗位之一.可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意开设前端课程,更没有系统性的教学方案出现.大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习. 这样是…

1.大前端时代是什么? 大前端时代是WEB统一的时代,利用html5或者6甚至7,不但可以开发传统的网站,做炫酷的网页动态效果,更可以采用BS架构应用程序.开发手机端web应用.移动端Native应用程序.智能设备(比如可穿戴智能手表,可穿戴智能衣服)等.别告诉我你不知道 iphone watch,以及各种琳琅满目的手机游戏哦.大前端时代最大的特点在于一次开发,同时适用所有平台.再也不用为一个APP得做安卓和IOS两种模式而忧心啦,大前端已经能做非常多的开发语言[比如java.PHP等]能做的事…

前面几篇博文都在讲导航菜单和二级下拉式菜单,事实上有非常多方法都能够实现的.详细的情况还要视情况而定. 在后面学习到jQuery框架之后,会有更丰富的动画效果.因为在学习Ajax和jQuery的初步阶段.对于非常多的复杂的导 航菜单和二级下拉式菜单没法做,可是学习了CSS和JS还是能实现一些简单的变换的. 这篇博文就来说说用CSS实现 导航菜单结合二级下拉式菜单的两个简单变换吧. 首先还是在前面博文的基础上加以实现.事实上仅仅用HTML和CSS还是能够做出不错的效果.可是相较于JS和 jQuer…

启动前端代码 前端课程找到课程的发布页面 这样就打开了预览页面 结束…

课程的等级是个单选按钮 2.3 数据字典 2.3.1介绍 在新增课程界面需要选择课程等级.课程状态等,这些信息统一采用数据字典管理的方式. 本项目对一些业务的分类配置信息,比如:课程等级.课程状态.用户类型.用户状态等进行统一管理,通过在数 据库创建数据字典表来维护这些分类信息. 数据字典对系统的业务分类进行统一管理,并且也可以解决硬编码问题,比如添加课程时选择课程等级,下拉框中 的课程等级信息如果在页面硬编码将造成不易修改维护的问题,所以从数据字典表中获取,如果要修改名称则在数 据字典修改即可…

1 代码演练 1.1 代码演练1 1.2 代码演练2(后端课程子类运用钩子方法,加入写手记的方法) 1.3 代码演练3(前端有多个子类,有得需要写手记,有得不需要写,如何实现?) 1 代码演练 1.1 代码演练1 目的: 木木网制作课程视频父类,前端课程子类和设计模式子类.父类需要制作PPT,制作视频,制作手记,包装课程四个部分,且步骤基本一致,其中制作PPT和制作视频都一致,前端子类和后端子类包装课程方法不一样. uml类图: 测试类: package com.geely.design.pat…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试一下</title> </head> <style> *{ padding:0; margin: 0; } .top-nav{ width:900px; margin:0 auto; border: 1px solid #222;…

HTML/CSS方法实现下拉菜单来源:慕课网<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt…

#DOM探索(前端课程学习笔记)http://www.imooc.com/video/9502 DOM ＝ document + object + model ECMAScript 编写js应遵守的标准 BOM 通过js可以操作的浏览器对象,例如window DOM 通过js可以操作的html文档对象 window.onload = function(){ }; //页面所有资源加载完毕后,执行function里面的内容 document.getElementById(‘xx’) //获取文档中…

如果你正在寻找Bootstrap图标,那今天的推荐对你而言绝对非常重要!在这篇内容中,我们把这套框架上的免费字体图 标做了个整合(当然,以后还会不断的更新).正如你所知,图标字体在一个web网页设计拥有很多优势:它们使用方便,不仅仅是图像,更是一个载体.大小随 意缩放,还可以适应各种尺寸的屏幕(包含移动设备,平板电脑等). 这套集合图标使用起来非常的方便:你只需要点击下载包,将文件添加到你的目录中.在介绍中我们也会对每一个图标有一个简短的描述,让你了解如何使用它们.如果你有兴趣收藏,也可以自己创…

How to make a salad?——Silun Wang 这是一次成功的团队合作,我为所有组员感到骄傲和自豪!感谢你们! 上个学期期末,和@老钱他们一起去五道口吃Pizza,谈到了大三上学期的软工课,老钱说:“如果说软件学院只有三门课,那必然是:数据结构与算法.计算机网络与体系结构.软件工程.” 我软工课的敬意油然而生,老钱还谈到上一届比较优秀的两个团队:司徒+炒饭的科协技术大牛组和林赫然的超级学霸组.听到这里,我产生了一丝小小的恐惧感,我们这一届同样有技术出众的科协技术三人组,他们那样…

https://www.zhihu.com/question/30087283 HTML5 页面制作工具 免费的基于 HTML 5 的 Web Apps 生成器工具网站     81 235 初页 制作微信酷炫 HTML5 页面的手机 APP       42 206 易传单 免费.简单好用的 HTML5 电子传单制作工具,企业移动社交营销利器       21 194 微贴 分分钟在微信上发帖子     35 158 MAKA 让每个人都可以制作自己的手机电子邀请函   32 136 Epub…

本文实现了一个经典的下拉菜单的制作. 首先,写出Html部分: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <ul class="top-nav"> <li><a href="#">慕课网&…