CSS 文本字体颜色设置方法(CSS color)
一、认识CSS 颜色(CSS color)这里要介绍的是网页设置颜色包含有哪些;网页颜色规定规范。1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色
2、颜色规范与颜色...
一、认识CSS 颜色(CSS color)这里要介绍的是网页设置颜色包含有哪些;网页颜色规定规范。1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色
2、颜色规范与颜色...
复制代码代码如下:
.selector{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }
说明:
加上中文名“微软雅黑”是...
定义链接样式
CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,...
复制代码代码如下:
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li class="menuDiv"></li>
<li><a href="#">博客</a></li>
<li class="...
在 UI 切图过程中,页面往往由三个部分组成,头部、内容和底部。当页面的内容高度不够撑满屏幕,底部(footer)就跟着内容浮动上来了,小屏幕由于高度有限看不出来异常,但如果是大屏的话...
一、问题 多个浮动的元素无法撑开父元素的宽度,父元素的高度可能会变成0。 若浮动元素后面跟非浮动元素,非浮动元素会紧随其后浮动起来。 若浮动元素前面还有同级元...
一、css3动画☺css3动画相对于通过JavaScript动态改变元素样式性能更好,更加容易。CSS3中有三个关于动画的属性:transform、transition和animation。
1、transform
trans...
一、多次调用单箭头实现了单箭头–就很容易实现双箭头了,上文已经介绍2种实现单箭头的原理: 边框旋转方式、双三角覆盖方式。这次以边框旋转为例多次调用实现双箭头。
1...
inline-flex 和 inline-block 一样,对内部元素来说是个 display:flex 的容器,对外部元素来说是个 inline 的块。两者的区别描述: flex: 将对象作为弹性伸缩盒显示 inline-...
一、起因:子盒子设置浮动之后效果:由此可见,蓝色的盒子设置浮动之后,因为脱离了标准文档流,它撑不起父盒子的高度,导致父盒子 高度塌陷 。如果网页中出现了这种问题,会导致我们整个...
废话不多说 帖代码html部分<div class="positionleft">我是position方式的左边,占30%</div> <div class="positionright">我是position方式的右边,占70%</div>css部分...
导语:
这几天看面试题目的时候,经常能够看到用css去实现一个下拉菜单,但是我发现很多人却没能够做出来,最后只能勉强用js做出来。实话实说,我很震惊,这个功能实现起来很简单,甚至可...
在一个网页中CSS占着非常重要的地位。近年来随着CSS的发展,伪元素/伪类也开始被大量应用:在性能愈加被看中的当下,处于文档流之外的CSS伪元素/伪类是当之无愧的“无冕之王...
通常一个CSS选择器都是从上往下选择的,通过父元素选择子元素,那么能不能通过子元素选择父元素呢?<ul> <li> <a href="#" class="active">1</a> </li> <li>...
要想实现css屏幕大小自适应,首先得引入 CSS3 @media 媒体查询器:media的使用和规则: ①被链接文档将显示在什么设备上。 ②用于为不同的媒介类型规定不同的样式。语法: @m...
translate(-50%,-50%) 属性:
向上和左,移动自身长宽的 50%,使其居于中心位置。与使用margin实现居中不同的是,margin必须知道自身的宽高,而translate可以在不知道宽高的情况下进...
效果实现HTML先准备一个干净的 html 页面,写好节点:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid...
方法:以实际项目中less为例:.lk-toolbar { .el-input { width: 169px; margin-right: 10px; } > * { margin-bottom: 20px; }}上面代码成功...
绝对定位方法:(1)将父元素设置为相对定位,不写父元素的高度时,会随着左边的子元素高度变化而变化.parent { /*关键代码*/ position: relative; /*其他样式*/ width: 800px; colo...
解决方案在父元素中加入position:relative;
子元素中加入position:absolute; right:20px;代码html结构<div id="div1"> <div id="div2"></div></div>css#div1{ width:500px;...
在写样式中,我们可以经常看到这样的情况 代码如下<div style="width: 300px;border: 4px solid #000;margin: 20px;padding: 2px;"> 父元素 <div style="border: 1px so...
div基本布局<div class="main"> <div class="center"></div> </div>css样式1. 配合定位与margin:auto父元素加相对定位,子元素加绝对定位 .main{ width: 300px; heig...
基本概念绝对定位(absolute):设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的...
一.缩写规则
关于边距 margin(4边):
1px 2px 3px 4px (上、右、下、左)
1px 2px 3px (省略的左等于右)
1px 2px (省略的上等于下)
1px (四边都相同)
简化所有:
*/ body{margi...
随着web技术的发展,使用场景和需求也越来越复杂,客户端不再满足于简单的请求得到状态的需求。实时通讯越来越多应用于各个领域。HTTP是最常用的客户端与服务端的通信技术,但是H...
本文实例讲述了Node.js API详解之 module模块用法。分享给大家供大家参考,具体如下:Node.js API详解之 moduleNode.js 有一个简单的模块加载系统。在 Node.js 中,文件和模块是...
本文实例讲述了Node 模块原理与用法。分享给大家供大家参考,具体如下:
简介V8引擎本身就是用于Chrome浏览器的JS解释部分,但是Ryan Dahl,把V8搬到服务器,用于做服务器的软件。
No...
本文实例讲述了Node Express用法。分享给大家供大家参考,具体如下:安装npm install --save express基本使用//引用expressvar express = require('express');//创建appvar app...
本文实例讲述了Node Mongoose用法。分享给大家供大家参考,具体如下:Mongoose简介是一个将JavaScript对象与数据库产生关系的一个框架,Object related model。操作对象,就是操作...
本文实例讲述了Node.js API详解之 Error模块用法。分享给大家供大家参考,具体如下:Node.js API详解之 ErrorNode.js 中运行的应用程序一般会遇到以下四类错误:
1.标准的 JavaSc...
在安装nodejs时候,有时候我们会把它安装在d盘或别的盘时,经常会遇到npm环境变量没有配好,需要自己手动去配置。 在安装完nodejs后输入node --version查看安装是否...
本文实例讲述了Node.js API详解之 dns模块用法。分享给大家供大家参考,具体如下:Node.js API详解之 dnsdns (域名服务器)模块包含两类函数:第一类函数,使用底层操作系统工具进行...
本文实例讲述了Node.js API详解之 net模块。分享给大家供大家参考,具体如下:Node.js API详解之 netnet 模块提供了创建基于流的 TCP 或 IPC 服务器(net.createServer())和客户...
一、环境配置
1.下载安装nodejs https://nodejs.org/en/download/ 2.安装完成后打开cmd命令,执行node --version,看看是否安装成功,如果提示没有此命令,去配置下环境变...
前言大家都知道,Sublime Text 安装插件一般从 Package Control 中直接安装即可,当我安装 node js 插件时候,直接通过Package Control 安装,虽然插件安装成功了,但是找不到配置文...
本文实例讲述了Node.js API详解之 readline模块用法。分享给大家供大家参考,具体如下:Node.js API详解之 readlinereadline 模块提供了一个接口,用于从可读流(如 process.stdin)...
前言
有时候使用npm上的包,发现有bug,我们知道如何修改,但是别人可能一时半会没法更新,或者是我们特殊需求,别人不愿意修改,这时候我们只能自己动手丰衣足食。那么我们应该如何修...
本文实例讲述了Node.js API详解之 repl模块用法。分享给大家供大家参考,具体如下:Node.js API详解之 replrepl(交互式解释器) 模块提供了一种“读取-求值-输出”循环(REPL)的实现,...
本文主要介绍了使用Typescript和ES模块发布Node模块的方法,分享给大家,具体如下:TypeScript已经成为一种非常流行的JavaScript语言,这是有原因的。它的类型系统和编译器能够在您...
本文只介绍简单的应用,关于json web token的具体介绍以及原理请参考阮一峰老师的JSON Web Token 入门教程。使用的Node框架是koa2,前端发送ajax请求使用axios首先创建工程目录...
1. token的使用场景 无状态请求 保持用户的登录状态 第三方登录(token+auth2.0)2. 基于token的验证原理
后端不再存储认证信息,而是在用户登录的时候生成一个token,然后返回...
本文实例讲述了Node.js API详解之 assert模块用法。分享给大家供大家参考,具体如下:Node.js API详解之 assertassert 模块提供了断言测试的函数,用于测试不变式。
断言是编程术...
本文实例讲述了Node.js API详解之 vm模块用法。分享给大家供大家参考,具体如下:Node.js API详解之 vmvm 模块提供了一系列 API 用于在 V8 虚拟机环境中编译和运行代码。
JavaS...
本文实例为大家分享了node+vue实现文件上传的具体代码,供大家参考,具体内容如下*后端*const express = require('express');const Router = express.Router();const multer =...
WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。在WebSocket API中,浏览器和服务器只需要要做一个握手(handshaking)的动作,然后,浏览器和服务器之...
本文实例讲述了Node.js API详解之 V8模块用法。分享给大家供大家参考,具体如下:Node.js API详解之 V8v8 模块暴露了特定于V8版本内置到 Node.js 二进制文件中的API. 通过以下...
本文实例讲述了Node.js API详解之 dgram模块用法。分享给大家供大家参考,具体如下:Node.js API详解之 dgramdgram模块提供了 UDP 数据包 socket 的实现。使用以下方式引用:cons...
大家在做项目时肯定会遇到列表类的数据,如果在前台一下子展示,速度肯定很慢,那么我们可以分页展示,比如说100条数据,每10条一页,在需要的时候加载一页,这样速度肯定会变快了。
那么...
java中直接使用定时器类就行了,但是在node中就没有这么简单了,只能使用setInterval或者setTimeout两个方法来实现,但是太繁琐了,搜索了之后发现node-schedule这个包,特意试用一下...
最近经常使用koa进行服务端开发,迷恋上了koa的洋葱模型,觉得这玩意太好用了。而且koa是以精简为主,没有很多集成东西,所有的东西都需按需加载,这个更是太合我胃口了哈哈哈哈。相...