CSS让我们的网页更加丰富多彩, 布局更加灵活自如。 CSS最大贡献就是: 让HTML从样式中脱离, 实现了HTML专注于去做结构呈现, 样式交给CSS 理想情况下: 结构(html)与样式(css)相分离 CSS初识 概念 CSS(Cascading Style Sheets), 通常称为CSS样 ...
分类:
Web程序 时间:
2020-07-03 10:26:44
阅读次数:
66
calc()使用通用的数学运算规则,但是也提供更智能的功能: >使用“+”、“-”、“*” 和 “/”四则运算; >可以使用百分比、px、em、rem等单位; >可以混合使用各种单位进行计算; >表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空 ...
分类:
Web程序 时间:
2020-07-03 10:25:35
阅读次数:
179
画两条边框,再旋转盒子45度 .box{ width: 7px; height: 7px; border-top: 2px solid red; border-right: 2px solid red; transform: rotate(45deg); } ...
分类:
Web程序 时间:
2020-07-03 01:05:55
阅读次数:
89
ZTree树型结构插件 一。介绍。当用户具有模块管理权限时候,一定要先具有父菜单Saas的访问权限。。zTree 是一个依靠 jQuery 实现的多功能 “树插件”。 应用场景:权限菜单 二:文案提供的使用文件,看附件 三:使用。实现zTree的步骤 第一步:拷贝如下引入的css/js文件到项目的z ...
分类:
其他好文 时间:
2020-07-02 22:06:31
阅读次数:
104
前言 在 Canvas 中我们常常遇到的一个需求 绘制一个圆形或者一个圆角矩形图像,常用于展示用户头像,我们知道 CSS 有 border-radius 属性,但是 Canvas 是没有的~😂 很尴尬,我们就来瞅瞅怎么整出一个圆形头像~ Part.1 效果 圆形头像 圆角矩形 Part.2 原理 ...
分类:
其他好文 时间:
2020-07-02 21:44:20
阅读次数:
78
浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制,移动到其父元素中指定位置的过程。 语法: float . left . right . none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,如果没有设置宽高,它的宽等同于内容的宽高.即使行内元素 ...
分类:
Web程序 时间:
2020-07-02 21:35:35
阅读次数:
76
写在前面 无论是 React 还是 Vue,本质上都是基于 js 实现的一个库,浏览器只能解析 html、css 和 js 三种语法格式的文件,然后渲染对应的元素到浏览器页面。因此无论是 React 还是 Vue 的源码 js 库都是封装的 React 和 Vue 对象或者函数接口,可直接在 js ...
分类:
Web程序 时间:
2020-07-02 18:02:51
阅读次数:
74
目录盒模型如何实现一个最大的正方形一行水平居中,多行居左水平垂直居中如何实现左右等高布局画三角形link @import导入cssBFC理解 回到顶部盒模型 复制/* 红色区域的大小是多少?200 - 20*2 - 20*2 = 120 */ .box { width: 200px; height: ...
分类:
Web程序 时间:
2020-07-02 16:50:41
阅读次数:
84
今天这篇文章跟大家分享一些JavaScript常用的API代码,内容太多,该篇只分享DOM操作。 下篇分享:CSS操作、对象(Object对象、Array对象、Number对象、String对象、Math对象、JSON对象和Console对象)操作,值得收藏。 JavaScript常用API合集汇总 ...
分类:
编程语言 时间:
2020-07-02 16:46:05
阅读次数:
63
1. 服务器端基础概念 1.1 网站的组成 网站应用程序主要分为两大部分:客户端和服务器端 客户端:在浏览器中运行的部分,就是用户看到并与之交互的界面程序,使用HTML、css、JavaScript构建 服务器端:在服务器中运行的部分,负责存储数据和处理应用逻辑 1.2 Node网站服务器 能够提供 ...
分类:
Web程序 时间:
2020-07-02 16:40:38
阅读次数:
64