- 博客(31)
- 收藏
- 关注
RSS订阅原创 初识javascript
js中结束符用分号；这里推荐不写分号，因为我们日常开发中都不写（公司里写不写还要看公司的开发规范）注意：这个语句中可以跟语句，也可以引入标题样式，如：document.write(‘<h1>这是一级标题</h1>’)js是前端的一种编程语言，不同于html和css的是他们两个是标识语言。当我们引入js文件后，标签里面就不要写内容了（写了也会被系统忽略）这个语句是用来供程序员开发用的，实际并不会显示到页面中。和css的书写一样，同样分为内部，外部，和内联js。js中字面量就是用来描述计算机中的事和物的。
2023-06-14 22:33:20
108
原创 动画&3D转换的案例
大数据热点图案例布局思路：首先把地图（大盒子）map放到页面中央，然后再定义个city用于实现热点图的效果，并利用把它定位到指定位置。可以看出我们的动画效果由一个小圆点（dotted）和三个阴影（pluse）实现，然后再将小圆点和阴影结合做出相应的动画效果即可。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp
2023-06-14 10:45:46
143
原创 服务器&2D转换&动画
服务器就相当于高配版的电脑，他也是一台计算机，但他能完成更为复杂的工作。根据服务器的类型不同，又可以分为文件服务器，数据库服务器，应用程序服务器，web服务器。问：我们写的品优购网站现在只能在自己本机的电脑访问，那么怎么才能让其他人也访问的到呢？这个时候就要用到我们的web服务器了。
2023-06-12 08:39:04
90
原创 css高级技巧&h5新特性&c3新特性
因为在网页中我们经常要用到大大小小的一些图像，每获取一张图像就要浏览器向服务器发送一次请求，而当我们需要的图像较多时，就会频繁的向服务器发送请求，这时候服务器的压力就会过大。以前我们盒子都是用div表示，如果我们想表示一个页面的头部，也只能<div class=“header”>,但在h5我们可以用<header></header>等这样的标签来表示页面头部，导航栏，页面底部等…以后尽量把每天学习的内容都做成笔记，养成好习惯，接下来就是项目品优购了，让我感觉比这些枯燥的知识点有意思多了，冲！
2023-06-04 11:19:11
313
原创 淘宝轮播图的做法
首先分析以下，该页面有四部分组成，分别是最底部的大盒子（子绝父相这里父亲设为相对定位），然后左右各一个链接a（绝对定位），下面用ul+li来做（相对定位）在最后来补充一点，就是如果一个盒子既有left又有right属性，则会默认执行left选项，而如果一个盒子既有top又有bottom属性，则会执行top。到此为止，今天学习结束，明天又是一条好汉，加油上岸，886!
2023-05-31 22:50:19
681
原创 html+css学成在线项目
学成在线项目1.准备素材和调试工具2.案例准备3.css的书写顺序（重点）4.页面布局整体思路5.确定版心6.制作页面头部(header)7.制作banner8.制作精品推荐模块9.制作box核心内容部分10.制作页面底部footer要实现的效果：1.准备素材和调试工具学成在线项目psd源文件（进行切图和选取文字等工作）ps+vscode+chorme浏览器2.案例准备因为书写项目代码量过大，本次我们使用样式与结构相分离思想。首先项目开始前我们要创建一个文件夹用于存放html，css和
2023-05-31 10:50:33
731
原创 css浮动（续上）和ps切图
但是当我们给子元素添加浮动属性时，父盒子的高度会自动化成0（孩子飘起来了，不属于父亲管），这时候我们为了不让其他标准流占用父盒子的位置，就需要清除浮动。在浮动元素后面添加一个空标签，如<div style=“clear: both”>或者直接添加<br/>(公司中尽量不要使用这种写法，否则被开除了被怪我)这里老师推荐使用cutterman插件，但是要求是ps必须完整版，而本人安装的是绿色版，所以就使用以上切图方法。这里必须给父元素添加clearfix类。这里必须给父元素添加clearfix类。
2023-05-29 21:55:07
82
原创 CSS小米页面产品案例
* 注：这里量出了段落的高度，然后设置内边距时就不要设置上下内边距，否则会撑大盒子。所以用margin-top巧妙化解 *//* 这里设置图像的宽度和父元素body的宽度一样，否则原图会超过盒子大小 */该项目由大盒子（box）图片（img）文章段落（p）装评论的盒子（div）
2023-05-28 21:58:00
124
原创 CSS笔记（css元素显示模式和css背景）
元素的显示模式就是标签是以什么形式进行展示的，如<div>独占一行，而一行中可以放多个<span>,这些都属于元素的展示模式。元素展示模式一般分为块元素，行内元素，和“行内块元素”行内块元素实际并不存在，只是我们习惯这样叫，他同时具有行内元素和块元素的一些特点。背景平铺也可理解成图片的重复，用backgroung-repeat设置参数。实际网页中我们经常可以看到页面的透明效果，自然css中也有这种定义。当图片放入浏览器后，当然他的位置也是可以调换的。注：这里的url一定一定一定不能省！
2023-05-25 22:11:23
125
原创 CSS笔记（emmet语法和复合选择器）
emmet的前身是zen coding，是用来提高html和css编写速度的，很多软件内部已集成如Visual Studio Code、WebStorm。：focus伪类选择器用来获取焦点的表单元素，焦点也就是鼠标光标，也可以说这个选择器是针对表单元素<input>的。采用简写来快速生成语法，如w200可生成width： 200px；针对a标签的一种选择器，可以为以下链接定义特殊效果。注：子选择器只能选择子代，可以叫做亲儿子选择器。并集选择器可以选择多组标签，同时为他们定义样式。
2023-05-25 10:14:13
58
原创 CSS笔记汇总
css主要有两部分组成：选择器和声明声明里面有一组键值对，用来添加相关效果属性与属性值之间用：隔开属性之间用；隔开属性与属性值以键值对形式出现。
2023-05-24 18:45:51
160
1
原创 HTML案例注册页面
懒得写过程了，想赶紧把之前的赶紧复习一遍，就看图吧xxm实现效果图和过程如下：代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
2023-05-24 16:06:36
102
1
原创 HTML表格标签
在这里<table></table>是表格的基本骨架，<tr><tr>是定义表格的每一行，<td><td>是行中的每一个单元格。属性的添加：<table align=“center”…跨行合并写在最上面一个单元格，跨列合并写在最左侧一个单元格。表头单元格标签一般位于表格的第一行，通常加粗居中显示。这里的<th></th>即为表头单元格标签。语法：rowspan=”合并单元格的个数“语法：colsapn=“合并单元格的个数”表格是用来显示数据，而不是用来布局页面的。这里属性只做了解，后续css中会涉及。
2023-05-24 10:33:12
113
1
原创 HTML圣诞老人案例实现
首先对“圣诞节的由来”添加大标签h1，“圣诞节是怎么由来的”不做任何操作，然后下面两句话添加锚点标签进行跳转。先对“圣诞是怎么由来的”添加h2标签，下面一段话添加段落标签，再把图片用img标签导入即可。算了，剖析案例了，感觉太浪费时间，观众老爷自行看代码。下面以图片和代码的形式进行案例描述。
2023-05-23 22:15:31
191
1
原创 HTML常用标签（接上）
注：这里url为必须属性，不能落！还有width和height一般我们只设置一个，另外一个等比缩放，否则图片会失真。target用于指定网页弹出方式，_self为默认值，当前网页弹出，_blank是新建网页并弹出。2.盒子标签<div></div>和<span></span>当一些字符在页面中不便于显示时我们可以使用特殊字符完成操作。这里href用于路径url的指定，为此标签的必须属性。相信科班计算机的都晓得这个概念，这里就不再赘述。这里只需要记住 <>其他查手册即可。顾名思义，图像标签用于图像的引入。
2023-05-23 20:52:12
150
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人