hi,欢迎访问本站!
当前位置: 首页 个人笔记 前端设计 列表

前端设计

js进行数组元素翻转的两种方法

一、利用for循环来进行数组元素翻转var two = [1,2,3,4,5,6];var three = [];for(var i = 5; i >= 0; i--){three[three.length] = two[i]; // 理解这个等式是关键}alert(three);二、利用js数组内置对象中

JS怎么创建空数组

JavaScript是一种非常强大的编程语言,它可以用来创建各种类型的应用程序,包括网站、桌面应用程序和移动应用程序。在JavaScript中,数组是一种非常重要的数据类型,它可以用来存储一组相关的数据。在本文中,我们将介绍如何使用JavaScript创建新数组。创建新数组的方法在JavaScript中,有多种方法可以创建新数组。下面是其

HTML标签元素添加属性信息

HTML标签能给元素添加属性名称/值对的形式,属性元素是添加到元素开始标签内。属性实例a链接<a href="https://www.556z.com/">链接</a>h1居中<h1 align="center">标题</h1>body背景颜色<

style属性改变HTML元素标签样式

HTML的style属性提供了改变所有HTML元素标签样式属性实例背景颜色:background-color:yellow字体颜色:color:red字体大小:font-size:20px文本对齐:txt-align:center演示实例<!DOCTYPE HTML><html><body style=&qu

HTML a标签超链接语法与属性

我们通过在html的<a>超链接创建href属性和name属性,实现一个网页跳转到另一个网页。HTML链接语法<a href="url">内容</a>PS:href="url" (url放网页链接)HTML属性target<a href="url&

HTML元素div和span标签定义

<div>和<span>标签将HTML块级元素+内联元素的组合块级元素例子:<h1>, <p>, <ul>, <table>PS:大多数HTML元素被定义为块级元素或内联元素。内联元素例子:<b>, <td>, <a>, <i

HTML分类元素使类定义CSS样式

对HTML进行分类,能够为元素的类定义CSS样式。为相同的类设置相同的样式,或者为不同的类设置不同的样式。分类块级元素<!DOCTYPE html><html><head><style>.cities {background-color:black;color:white;  

HTML Class 与 ID 的差异属性

id 属性用于为HTML元素指定唯一的id,Class属性用于为HTML元素指定相同类名的多个元素。使用id属性<!DOCTYPE html><html><head><style>#myHeader { background-color: lightblue; color: black;

HTML Iframe内联框架添加语法

iframe是定义内联的子窗口,用于在网页内显示网页的框架。添加iframe语法<iframe src="URL"></iframe>PS:URL是显示网页的窗口Iframe高度宽度<iframe src="https://www.wenmayi.com/" width

HTML 文件的绝对路径与相对路径

HTML文件路径描述了网站文件夹结构中某个文件位置,通常文件路径会在链接外部文件时被用到,比如:网页,图像,样式表,JavaScript等...绝对路径<img src="https://www.wenmayi.com/zb_users/avatar/39.png" alt="flower"&

html中checkbox与radio样式css美化

html中的input标签的type属性checkbox和radio是网页常用的属性,不过它们默认样式不怎么好看,而且不同浏览器显示的效果也不一样,为了统一样式,我们对这二个属性值进行美化装饰下。checkbox元素美化:<style> label{font-size: 14px; &nb

CSS last-child 奇数偶数换颜色教程

今天在给网站搞了个排行榜,发现排名显示不够明显,那我想给前6名显示各种颜色来衬托,一般都是用“foreach”循环语句写,但感觉不是太好。经过我九牛二虎之力我发现了一个新的css3标签。它就是“:nth-child”完美解决换色问题。实例:nth-child的实际用途:1、:nth-child(2)选取第几个标签,“2可以是你想要的数字”

自适应网站PC端隐藏移动端显示方法

续上篇文章说到 “自适应网站PC端显示移动端隐藏方法” 朋友又问道说,那我以后有广告商要求只做移动端,不做pc端,该怎么办呢?接下来我教大家怎么实现PC端隐藏移动端显示方法。1、 CSS控制隐藏某个内容元素代码如下:.z556{ display: none; }PS:这里大家就会有疑惑了,隐藏了都没有了啊,请继续看下分解。2、CSS控

自适应网站PC端显示移动端隐藏方法

有朋友求助我的网站是自适应设计,最近有个广告位图片PC端和移动端都显示,为了不影响手机端用户体验,我想把移动端广告隐藏,该怎么办呢?接下来我教大家怎么实现PC端显示移动端隐藏方法。1、CSS控制判断实现移动端隐藏方法代码:@media screen and (max-width: 1200px) { .z556, {display:non

css列表自动添加序号+背景美化方法

很多网站侧边栏都会搞热门文章,热门评论...按序号罗列排名,一般都是用PHP实现,但对新手不太友好。其实我们也可以用CSS来实现列表自动添加序号。html代码<ul> <li>标题</li> <li>标题</li> <li>标题</li> <li&g

纯css简单实现网站图片三角形样式

css实现网站图片三角形样式,网站会经常在,置顶,推荐,热门...等特殊标注场景都能够用得到,使用了transform:rotate(-30deg)属性来实现。html代码<div class="laohan"><div class="marker"><span>

CSS实现网站Logo鼠标经过扫光效果

最近有位网友问我XX网站鼠标经过LOGO的时候有一道光是怎么样弄的,感觉挺不错的。那我必须安排你啊,用我的Ctrl+C大法,相关代码样式已经整理好了在下方。html<div class="logo on"><a href="https://www.556z.com/"><

1 2 3 4 5 末页
点击下拉