制作部分:网页footer部分 制作效果: 涉及知识:link部分要复习: dl- definition list dt- definition title dd - definition description 代码: <div class="footer"> <div class="copyright"> <img src="images/logo-recommended.png" alt=""…

概述:仿制慕课网头部导航栏和分支导航栏的外观 考察知识点: 1.消除浮动的原因:如果最上面的块级元素不清楚浮动的话就会影响下面的块级元素的布局 对subnav块使用了float,结果subnav块飞到了很右边的地方而不是与左边对齐,给上部的header块了加了overflow:hidden后问题才得以解决 2.一开始设置header块发现header块对左地上老是有缝隙,加了示例代码中的一个类解决 3.版心的设置:使界面居中的一个小技巧: * { margin: 0; //使得所有元素往左和上对…

web知识零零散散的知道一些,但总感觉不够系统,遇到问题不知道如何解决,因此特此来系统的学习一下web前端的知识.从慕课网的web基础看起.下面学习http://www.imooc.com/learn/494. 1 web基础知识 1.1 pixel移动开发像素知识 px:css pixels逻辑像素,浏览器使用的抽象单位 dp,pt:device independent pixels设备无关像素 dpr:devicePixelRatio设备像素缩放比 计算公式: 1px = (dpr)2*dp…

1.当主标题下需要副标题时可在h中嵌套small<h1>nihao<small>a</samll></h1> 2.当某一段落需要突出显示时可添加lead类,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理 class="lead" 3.在普通的元素中我们一般通过font-weight设置为bold关键词给文本加粗.在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗.…

1. 前台功能模块 基本模块:登录 注册 找回密码 / 全局搜索 / 个人中心, 课程功能:课程管理 / 讲师管理 / 授课机构管理  热门推荐 相关课程推荐 用户操作管理:用户收藏 / 课程评论  2.后台管理系统 课程管理模块:课程管理 / 课程资源管理 / 课程评论管理/轮播课程管理 认证和授权管理:用户管理 / 组管理 / 权限管理 / 用户日志管理 机构管理模块:课程机构管理 / 讲轮播图管理  3.开发流程 1.model数据库的设计 2.xadmin搭建后台管理系统和录入数据 3.…

步骤:1.布局分析 2.敲代码 考察知识点: 1.类选择器(素材第四天) 2.CSS关于display,padding,margin的应用 3.如何用div布局 总结: 如果想让一行有两组以上的字块,显示就要用inline-block 想让字块文本在box内缩进,要设置类的是带有这字块的最外层div而不是带文字的内部标签(为什么在内部标签设置调margin或者padding文字都不动?) 代码: Document .box { width: 285px; height: 445px; backg…

作为一个老慕课网(https://www.imooc.com/)粉丝,还记得最开始的慕课网有很多免费的路径课程,练习什么的也特别详细,是入门一门语言的好方法. 现在慕课网发展起来了收费模式,添加了很多等级更高的课程,这是一件好事,但是原来的免费路径却找不到了,如果原先有加入路径,还能在个人页面 -> 路径找到(如图),没有加入的就没办法了.(也可能是我人傻没找到,麻烦各位大佬告知,现在从主界面的“职业路径”进去都是收费的) 在做毕设的时候,学习了Java爬虫的初级知识,再一看原来的路径的网址,发…

学习内容来自“慕课网” 这里用Fragment来实现APP主界面 思路: 底部横向排列4个LinearLayout,每个LinearLayout包含一个图片按钮和一个文字 1.默认显示第一个功能(微信)的图标为亮,其他三个为暗 2.点击相应的按钮,首先将所有的图标变暗,接着隐藏所有Fragment,再把点击的对应的Fragment显示出来,并把相应的图标显示亮 首先布局文件 activity_main.xml与ViewPager实现Tab的是不一样的 <LinearLayout xmlns:an…

学习内容来自“慕课网” ViewPager与FragmentPagerAdapter实现Tab 将这两种实现Tab的方法结合起来.效果就是可以拖动内容区域来改变相应的功能图标亮暗 思路: Fragment作为内容区域 点击功能按钮,想将所有的图标变为暗色图标,再调用相应的Fragment,并使对应的图标变亮 效果图: 布局文件部分 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/re…

学习内容来自“慕课网” 网站上一共有4种方法来实现APP主界面的TAB方法 这里学习第一种 ViewPager实现Tab 布局文件有7个, 主界面acitivity.layout <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width=&…