前端学习
文情战
不努力 活着没意思!不忘初心,方得始终。
展开
-
超级炫酷的映红灯——HTML+csss
超级炫酷的映红灯效果图如下:代码如下—HTML部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/stylesheet.css" rel="stylesheet原创 2020-10-24 15:48:24 · 390 阅读 · 0 评论 -
JavaScript最基本的语法要求
JavaScript 语言基础数值型(Number)是JavaScript中最基本的数据类型JavaScript中和其他程序设计语言(c语言和Java)的不同之处在于,它并不区别整数数值和浮点数数值。在JavaScript中,所有的数值都是由浮点数表示的。JavaScript采用IEEE 754标准定义64位浮点格式表示数字。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g原创 2020-10-14 10:03:23 · 937 阅读 · 1 评论 -
超级炫酷的手机充电特效
超级炫酷的手机充电特效效果如下:htmlHTML代码如下:<div class="box"> <div class="number">95.2%</div> <div class="contrast"> <span class="bubble"></span> <span class="bubble"></span> <span class="bubble"原创 2020-07-18 22:36:22 · 5644 阅读 · 0 评论 -
HTML+css做炫酷的3d盒子反转
3d盒子反战效果如图如下:HTML重要的代码如下: <ul> <li> <div class="box"> <div class="front">目录</div> <div class="bottom">市场调研</div> </div> </li>原创 2020-07-03 10:35:36 · 662 阅读 · 1 评论 -
用HTML+css做既好看又实用的导航栏
导航栏效果图如下:代码如下:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title原创 2020-06-30 22:16:28 · 19659 阅读 · 2 评论 -
js轮播图自动切换和css做页面自动渐变
js轮播图自动切换和css页面自动渐变效果如下:可以去jq官网学习:http://www.jq22.com/部分代码如下: <div class="swiper-container" id="case1"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="img/t1.png" ></div> <div class=原创 2020-06-15 23:16:15 · 2414 阅读 · 5 评论 -
HTML+CSS3做3d旋转相册
3d旋转相册代码如下:<!doctype html><html> <head> <meta charset="utf-8"/> <title>girlfriend</title> <style> body { margin:0; background:#000; } #wrap { width:300px; height:400px; po原创 2020-06-10 12:41:26 · 955 阅读 · 0 评论 -
web前端核心--css3初篇
CSS3概述:CSS是一种网页控制技术,全称(Cascading StyleSheet,层叠样式表)采用CSS技术,可以有效地对页面布局、字体、颜色、背景和其他效果实现更加精准的控制。网页最初是用HTML标签定义页面文档及格式的,如标题标签<h1>、段落标签<p>等,但是这些标签无法满足更多的文档样式需求。为了解决这个问题W3C在1997年颁布HTML4标准的同时,同时公布了CSS。目前,被广泛使用CSS3版本。CSS3的主要新特性:1. 功能强大的选择器:选择器是C原创 2020-06-02 22:30:24 · 430 阅读 · 0 评论 -
HTML中最重要内容之一-表单
表单概述表单的用处有很多,在网站中随处可见,例如,在进行用户注册时,就必须通过表单来填写用户的相关信息。我们首先介绍表单的概念和用途,然后介绍<form>标签的属性及其含义。表单:表单的主要功能是收集信息,具体来说是收集浏览者的信息。在网络中,最常见的表单形式主要包括 文本框、单选按钮、复选框、按钮等。表单标签<form> 基本的 其语法格式如下:<form action=""name="" method=""target=""> .... <原创 2020-05-30 23:38:51 · 1313 阅读 · 1 评论 -
HTML中最主要的内容之一 ——列表
列表列表分为两种类型:一种是有序列表;另一种是无序列表。前者使用编号来记录项目的顺序,而后者使用项目符号来标记无序的项目。所谓有序列表,是指按照原创 2020-05-21 12:07:09 · 1073 阅读 · 0 评论 -
HTML-表格与div标签
基本表格表格是用于排序内容的最佳手段。在HTML页面中,有很多页面都是使用表格进行排版的。基本表格是由<table>标签、<tr>标签和<td>标签组成的。通过使用<table>标签,可以制作课程表、成绩单等常见的表格。用于制作表格的主要标签:标签含义<table>表格标签<tr>行标签<td>单元格标签语法个格式如下:<table><tr>原创 2020-05-16 14:35:12 · 1604 阅读 · 1 评论 -
学习-HTML(文字-段落)
文本一些常用的标签1.文字:除了标题文字外,在网页中普通的文字信息也不可缺少,而多种多样的文字装饰效果更可以让用户眼前一亮,记忆深刻。在网页的编码中,可以直接在<body></body>标签之间输入文字,这些文字可以显示在页面中,同时可以为这些文字添加具有装饰效果,如斜体、下划线等。标签代码:<em>斜体内容</em>、<i>斜体内容</i>、<cite>斜体内容</cite><u>带下原创 2020-05-14 00:48:04 · 767 阅读 · 0 评论 -
初入HTML5
运用与简单表格使用原创 2020-05-12 15:25:44 · 269 阅读 · 1 评论