- 博客(40)
- 收藏
- 关注
RSS订阅原创 Javascript 的词法结构
在写js 代码的时候,一定要注意大小写.是有严格区分的.不能乱写.关于注释注释的内容是不会被计算机执行的,是给开发人员看的.标识符和关键字小驼峰命名法:学习笔记,仅供复习....
2019-06-02 23:34:58
218
原创 页面引入JS的四种方式
最常用的是前面的三种.行内引入:内部引入:需要一个标签<script></script>引入js注意事项:外部引入:创建一个独立的外部 js 文件,用 <script></> 标签引入. 使用他的src 属性引用对应的Js文件script标签可以引入多次....
2019-06-02 22:53:42
38258
2
原创 阿里图标和媒体查询
还有name 属性在空白页面打开新的网页.的设置媒体查询其他的几种关系的关键词起飞页阿里图标想用阿里图标 百度一下这些图标全是免费的. 注册一个 新浪微博 进入. (三种进入方式)流体布局只只要更改了 默认的0 就可以使 另一个值生效.怎么启动流体特效...
2019-05-21 22:52:48
212
转载 3D 旋转立方体的完整代码
这个效果的代码如下: <!doctype html> <html> <head> <meta charset='UTF-8'> <title>我的首页</title> <style> *{ ...
2019-05-09 22:54:38
6922
原创 动画过渡与变换---海文老师
出现了黄色的感叹号,表示浏览器不能解析语句.比,background : 更精准. 计算机不会多次计算.过渡属性: transitiontransition也是一个复合属性过渡颜色只能检测数字/数值到数值的变化,不可以检测字母到字母的变化.也不能检测数字到字母的变化.过渡的速度匀速变化 linear...
2019-05-08 22:59:55
183
原创 京东轮播图--作业分析
再次隐藏.第二个图细节再听视频吧.内容还是很需要细细设置的.用js 来实现点击切换图思路是改变定位的位置()此处需要一张图)一个同学的图片...
2019-04-27 22:49:07
461
原创 表格元素---朱雀老师
单元行和单元列表头, 表体,表尾表头,表尾 不经常变化, 只更新表身体的内容,就可以进行数据的更新与交互定义表格行 用 trth 带有标题效果 具有加粗的效果支持宽高,margin. border. 而padding 的表现效果比较奇怪.修饰表格内容合并单元格用到属性 colspan跨行...
2019-04-26 22:39:04
204
原创 表单元素---朱雀老师
百度 的搜素, 数据的输入 .网页的登录界面等.早期,表单用来给后台 进行数据交互表单块元素 form键值对action 和 method数据的传输格式 : 键值对如 : 性别 : 男get 用来获取数据post 提交数据get 数据会拼接到URL地址后面.post 数据不会拼接到地址里去数据的上传是有...
2019-04-25 22:37:08
351
原创 选择器--朱雀老师
选择的范围越小 级别越高. 相反,范围越大 权重越小,如 通配选择器是比较的ID选择器,不是比较基础选择器的个数. 个数相等的时候, 比较类名选择器个数在css中很少用到 ID选择器,权重太高,一旦上面设置了.后面再去设置的时候都改不过来了.一般都是使用类名选择器在js中, ID选择器 是比较多的.另外,使用选择器的时候 不会去 超过三条的.伪类选择...
2019-04-23 22:34:11
215
原创 定位----朱雀老师
关于元素的排列文档流 : 从上到上. 从左到右脱离文档流 : 浮了一层浮动 是飘起来后 ,还是横排显示,不能做到 飘起来飘在另一个元素的上空/如需要达到这个效果,就需要定位三种定位绝对 ,相对, 固定定位定位需要两个点 就可以固定一个点不同的定位, 参照的点是不同的相对定位: 虽然飘起来了,但还是占着自己原来的位置.是参照没有定位前的自己的位...
2019-04-22 22:36:47
253
原创 圆角属性的应用----精品套装 作业的完整代码
在下面这张图的前提下,当鼠标滑入后产生出第二张图片的效果.这个作业的完整代码如下:<!Doctype html><lang="en"><html> <head> <meta charset="UTF-8"> <meta name="keywords" content="...
2019-04-21 21:30:15
168
原创 作业分析----潭州课堂
图片可以是一个背景图片,也可以是个图片标签没有学过定位,所以用背景图片.里面有一个a 标签. 也给它一个 圆角属性或者,给它一个 溢出隐藏写出 a 标签后, 让它消失让它滑入后出来----滑入谁? 滑入一个已经渲染出来的元素,而不能滑入已经消失的a 上分析后最佳的对象就是 最外面的盒子实际上,这个图片应该是一个图片标签. 使用定位...
2019-04-20 22:27:09
947
原创 浮动 伪元素 圆角属性---朱雀老师
示例:用 inline-block 做,会出现2个问题:空格.和基线问题今后, 我们使用 浮动 来实现横排显示来个案例:添加浮动后:现在,使用float 主要是为了 使 块元素 横排显示.没有了inline-block 产生的毛病浮动的原理右浮动:如果对前面的<p> 也...
2019-04-19 22:49:01
330
原创 文本样式---雀雀老师
基线对齐基线产生的原因, 在设计英文对起的时候,按照四线三格对齐设计的.但是,汉子是没法和英文一样的.vertical-align:如何解决基线没有对齐的问题?两个值都给上: top属性.中部对齐底部对齐 是相对于 行框盒子 来对齐的.是根据几个行框行子的最高点和最低点来计算的. 不是按照父级的底部来到 .不能给一个 m...
2019-04-16 22:46:54
241
原创 学习思路的调整
从4月8号到4.15号一周的时间,跟着直播课在学习 有几点感触;1 晚上两个小时的课程,感觉满满的. 第一个小时,还可以 .到第二个小时,都感觉很困倦了从早上七点起床,到晚上七点下班.白天没有补眠.晚上再来两个小时的高度集中精力..加上知识点较多,稍微有地方没有消化,就感觉特累.跟着吃力.2 下课后 已到22.30 再去写作业. 本来一知半解,写作业 就很吃力费时间.第二天还要工作,不能...
2019-04-16 00:40:12
316
原创 作业分析
写大盒子内容一样的结构可以使用: ul li .外面加上div 包裹.宽 .高. padding 背景颜色的设置继续向里面书写使用h3标签图片外面最好加div, 以免 塌陷.图片加载进去后太大了 .用css样式来处理需要让图片右移,使用,margin-left: 或者 给父级加 text-align:center 或者 用div的paddi...
2019-04-16 00:06:43
141
原创 外边距合并+背景+案例-----潭州老师 雀雀
外边距合并是什么情况,为什么会有合并?只能是块级元素合并的三个条件:1 垂直方向2父级和子级相遇兄弟与兄弟之间 垂直方向相遇3 必须是块级元素怎么去解决?1 用padding : 使用父级的padding. 常规办法.2 border:兄弟与兄弟垂直方向上的相遇:方案:1 浮动 定位的特性解决2 overflow : h...
2019-04-13 23:21:31
221
原创 样式初始化和元素类型---雀雀老师
样式初始化:标签写出来后,还没有写css样式,浏览器为了 让代码有最基本的可读性,就会默认一些样式.为什么要初始化?1 默认样式 在不同的浏览器表现的效果不一样,(处理兼容问题)2 有的默认样式的存在 不利于我们对样式的设置.3 可以对具体相同样式的标签,统一设置. 如 : 通配符的使用.(通配符在设计中不建议使用.会造成性能的浪费.)还有一种方法,谁需要取消,就...
2019-04-12 23:07:27
182
原创 人物介绍作业分析
分析思路, 从外到内. 从上到下的写考虑盒子和内容的关系在装图片的时候,在外面加一个盒子,避免图片没有加载出来的时候,布局塌陷引入图片图片宽度太大.溢出了.将右边的padding 盖住了. 将宽度变小处理.将图片的宽度,设置 只写一个,会自动等比变化.给图片加 边框线. 然后 再修改 img 的宽.介绍栏...
2019-04-11 22:23:03
260
原创 作业分析
颜色; #383838;f分析出,有padding存在.盒子变大了padding 撑大多少,减少对应上下,左右的值.(这个案例中是一个padding的值的2倍)分析内部构造:分析内容是在哪个位置排列的?从上之下.考虑我们用什么标签.当前文章是介绍的索尼相机.考虑内部的结构,并要用什么合适的标签...
2019-04-11 21:42:11
271
原创 选择器 盒模型.-----雀雀老师
基础选择器的配合使用,目的是更精准的控制元素.称之为 组合选择器组合选择器 是通过嵌套,来实现控制的,包含多种关系:后代选择器 .wrap p加入第三个P不能直接使用 后代关系的时候,用到了.兄弟关系的选择器.选择器只能向后面方向查找,不能向前面的 查找.这种费事; 简化 方法 加一个类名只想控制子元素,不想控制孙代元素. 就要用到 >...
2019-04-10 22:47:20
264
原创 标签与样式属性----雀雀老师
a 标签是双标签. 超链接标签, 起跳转作用.href="" 要跳转的地址.在网页中,鼠标放上去 会出现一个 小手 状,的 都是a 标签,点击后会跳转的其他地址.网页打开的位置:1 当前页面打开.2 在空白窗口打开点击图片任意位置,跳转到其他位置跳转到目标位置的书写: 锚点.做锚点 要保证,锚点后面以后足够的 内容.保证将锚点托起. ...
2019-04-09 22:44:35
256
原创 常用标签---雀雀老师
Html 标签充当什么角色?标签是网页的组成部分.HTML标签是 组成网页的骨架有的是内容展示;在审查元素功能中,标签全部都处于elements 中体现.新建HTML文档的两种方法:1 editplus中新建.2 直接新建文件,更改后缀名.网页所有的内容都是在 <body> 标签里写.双标签: <body> <div>...
2019-04-08 22:53:29
294
原创 官网选项卡切换---发发老师
目标是要实现点击选项卡,后切换图片.前端布局三步骤:选项卡 用 Tab给Tab 添加样式 : 宽 高 背景 外边距通过 margin 调整元素的位置到合适的地方类名选择器: 用符号" 点 " .tab { }标签选择器: 用标签的名字 body{ }< span > 标签存放没有...
2019-04-07 22:29:05
677
原创 港片自动轮播----奇妙老师
主讲老师, 奇妙老师声明一个HTML 的标准规范HTML 存放所有的内容.不能乱跑. 就像养猪一样,得有个猪圈.猪不能乱跑.<head> 标签 存放思想. 给搜索引擎看. 给浏览器阅读.<title> 标签是网页的标题.保存网页的要点: 1 保存类型; html 2 编码格式; UTF-8 万国码 介绍头部信息;单标签,...
2019-04-06 19:38:57
1762
原创 天猫侧边导航栏编写思路
天猫侧边导航栏设计思路;第一步; 声明网页 <html> 编辑四大内容 (万国码,关键字,描述 标题)第二步;在网页中画出一个容器 ,用来包裹所有内容<div class="wrap">第三步: 容器中放入导航条 (还是在body中)用无序列表实现. <ul>li </ul>第四步: 对网页中画出的骨架...
2019-04-06 13:24:49
2255
原创 前端学习的一点心得---1
今年下定决心狠学前端.在三月到四月这一个月的时间里,基本是以听公开课为主.,效果总结如下:1 听公开课, 很不错.了解了不少知识点.了解了 前端开发的基本构造.拓展了布局思路2记了随堂笔记,加深了 理解.也为复习提供了资料.3 听了不同老师的公开课,接触到了不同老师的思路和风格. 万章老师,发发老师.丹丹老师,风屿老师.木马老师.兮夜老师.朱雀老师,小龙老师.海伦老师等甚至还间断性地...
2019-04-06 11:28:49
803
原创 导航栏设计---兮夜老师
标签语义化. 搜索优化.尽量-------百度 就是一个 大的 爬虫程序.从上往下. 抓取,分析.清楚无序列表的外边距,内边距, 清楚小黑点垂直居中. ----行高=高度的时候,垂直居中水平居中.现在用H5了.代码量精致, 颜色,white ,与#fff的比较.少一个字符,且,二进制的计算, 比英文字母更快.自适应性. 流式布局...
2019-04-05 22:24:14
1029
转载 脚本语言---来于百度
刚刚接触前端,对于"脚本"一词总是不能很好地理解,甚至可以说是完全不知其义.故从百度中搜索一些知识,来加深理解.收藏228893脚本语言编辑讨论脚本语言又被称为扩建的语言，或者动态语言，是一种编程语言，用来控制软件应用程序，脚本通常以文本（如ASCII)保存，只在被调用时进行解释或编译。概述编辑定义脚本语言（Script languages,scri...
2019-04-05 08:34:33
379
原创 开班典礼----雀雀老师
前端是能够与用户直接接触,与用户产生交互,传递信息,等能够看到.前端与 后端.前端 + 服务器+ 后端.淘宝 ,京东,等电商网站是存在于浏览器上的. 便于更新.不用客户更新,下载操作.对用户的要求不高,用户完全不用操作. 维护成本低. 叫做BS架构.BS 架构. 浏览器+ 服务器.前端是运行在浏览器上的.电商网站 : 卖产品或者服务企业网站,...
2019-04-04 22:42:25
445
原创 视频背景---小龙老师
backgroud 不支持 视频背景 只支持 颜色,图片.等video 是新增的 视频标签.需要引入;视频只支持三种格式; ogg MPEG4 WebMogg .oggmpeg4 是 MP4webm 是用户体验的三大点: 不用让用户,等. 不要让用户现在,视频网站大部分视频都是H5 开发的mute 静音播放.loop...
2019-04-02 22:01:48
299
原创 再听 ,抖音视频背景制作---小龙老师
标签有什么作用.对页面的内容,进行分区和标记head 存放信息的. 不能直接看到到. 是写给计算机的.body视频背景body的背景 :标签只有一个作用,声明一个主要靠 css 来样式: 背景样式 background两种写法; 背景颜色,背景图片background-color 全部页面在页面中插入一个视频. H5中诞生的一个, 多媒体标...
2019-04-01 23:31:33
2856
原创 预科四---雀雀老师
一个网站先区分一下. 标题. 内容,尾部. 板块.尾部;分板块,提高代码的复用性. 提高效率,降低成本 提高可维护性要遵循写代码的规则,好好布局,严格遵循缩进. 大小写.等.不同的标签起到不同的作用.h1 有标题效果的, 有权重的. 先,抓取h1 , 如: 京东秒杀,四个大字 要突出. 以便使网页排名靠前.span ; 最小的一个标签....
2019-04-01 21:33:31
6358
原创 a 标签
a标签 href属性 a标签内容下面会自动添加下划线。如：你好a标签的使用范围很很广。在网页中起到超链接的作用。凡是点击后可以跳转到其他地方的时候都可以使用a标签 a 标签就是一个超链接.这个 手 的标志,出现的地方都是可以,点击后可以跳转到其他地方的. 都可以用a 标签来实现.href中不写内容的时候，起到刷新页面的作用。...
2019-03-31 23:55:42
192
原创 音乐播放器 ---------雀雀老师
网页的三大结构 html css jshtml 是搭建网页结构的骨架css 是 给骨架增加 血肉, 修饰外表.打扮. css 和 HTML 本质上是没有关联的.如果css 要控制标签,就要用到各种选择器.<div ID=""player"">具有标题作用的标签是 H1 , h2 h3---h6h1 是主标题 还有标题标签....
2019-03-31 22:08:28
215
原创 -预科三--雀雀老师
网页的基本结构< meta charset="UTF-8" />网页的三要素 : 关键字 描述 标题< meta ="keywords" content=""/><meta="description" content=""/><title> 京东</title>css 样式写在三个地方:1 写...
2019-03-30 21:35:02
171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人