网页制作

一、变量所有变量以$开头$font_size: 12px;.container{ font-size: $font_size;}如果变...

介绍：美食杰首页这个是轮播图效果：利用了element ui框架搭建的html、css样式，然后再通过vue指令和data存储数据和meth...

1、认识web网页 主要是由文字、图像和超链接等元素构成，当然除了这些元素，网页中还可以包括音频、视频以及flash等。浏览器 是网页显示、...

1、列表列表ul容器里面装载着结构，样式一致的文字或图表的一种形式，叫列表。列表最大的特点就是整齐 、整洁、 有序，跟表格类似，但是它可组合...

登录小区管理系统主页小区管理菜单房产管理菜单业主信息管理菜单停车位管理菜单服务管理菜单资产管理菜单收费管理菜单管理员管理菜单系统设置项目结构...

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分...

javascript闭包简介：javascript语言中，有一个独特的概念：闭包（closure），这在类似c++，java等编程语言中没有...

html概述1.1 什么是htmlhtml是做网站的、web开发、互联网生态开发(pc端+移动端+微应用) 目前我们使用的都是html5,支...

案例说明当dom元素被添加上display:none;的样式时，这个元素和它的子元素无法获取到实际的宽高。如图，我设置了一个父元素和一个子元...

重绘和回流：repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,vis...

2009年，w3c 提出了一种新的方案----flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，...

最近，有网友问我，他们的一个作业，尽量使用少的标签去实现这样一个象棋布局：他用了 60 多个标签，而他的同学，只用了 6 个，问我有没有办法...

canvas api（画布）是在html5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用javascript...

随着越来越多的网站使用https加密，现在https的使用已经成了硬性要求了。虽然说https是http的安全版，但两者还是有不少区别的。本...

弹性布局多列换行居左布局解决方案一问题情境：在flex布局下，多行排列，如何让flex布局最后一行没有排满时，向左对齐排列且与上面的行间距相...

svg和canvas 的区别？svg 输出的图形都有独立的dom 是一个矢量图形 放大缩小不会 canvas 输出的是一整块 是一个画布 放...

web前端开发中，适当的规范和标准绝不是消灭代码内容的创造性、优雅性,而是限制过度个性化，以一种普遍认可的统一方式,提升协作效率,降低沟通成...

说程序猿是直男，不可否认，大多数程序猿都挺直，因为我们没有那么多弯弯绕绕，有心思兜圈子，不如回去写几行代码……&...

生日送什么礼物总是要花一番心思，别出心裁不落俗套，什么礼物才能让那一个她开心呢？来看看前端大大用html+css实现动态生日快乐代码吧，亲测...

这节课，我们学习 css 填充属性和 css 宽度与高度属性。还是看这个例子，每个区块除了设置外边距，还有内容周围的空间以及内容的宽高设置。...

通常http消息包括客户机向服务器的请求消息和服务器向客户机的响应消息。这两种类型的消息由一个起始行，一个或者多个头域，一个只是头域结束的空...

前端js开发中我们常遇到对页面、屏幕、浏览器宽高和位置的获取问题，有时间查到了js的实现代码，但是不知道为什么。本篇图文并茂讲解web环境中...

html5 是 hypertext markup language 5 的缩写，html5技术结合了html4.01的相关标准并革新，符合现...

h5页面播放音乐其实很简单，只需要用<audio>这个标签就行十分方便。路径选在音乐所在位置就行了。<audio id="...

网页中img标签图片排版在工作中经常会遇到，如果图片大小比例不一样，想整齐对应排列会让图片变形，本文介绍css如何实现图片等比例缩放不变形。...

我们通常使用background来添加网页的背景图效果图:background-image:url(图片地址) ; 这个是定义背景图片，但是...

颜色的原理最常见的颜色相关的属性就是 color 和 background-color。颜色值：rgb 颜色，cmyk 颜色，hsl 颜色，...

什么是html语义化标签语义化的标签，旨在让标签有自己的含义，让浏览器认识这个标签所传达的信息，是干什么的有什么作用。 比如：h1标题标签的...

html5 <img> 标签如何插入图像：实例html5 <img>标签用于向网页中添加相关图片。<img s...

在html中，link标签是一个自闭合元素，通常位于文档的head部分。它用于建立与外部资源的关联，如样式表、图标等。link标签具有多个属...