最近在用Next.js （版本9.5.5）搭建项目时，发现css和less同时导入常常会报错，查阅一番资料后找到了一个靠谱的解决方案：
在目录下新建next.config.js文件，新增下列代码（先安装@zeit/next-less模块） ...
分类：
Web程序 时间：
2020-11-10 10:26:59
阅读次数：
52
原生js实现TodoMVC 先用html和css写好页面的基本结构样式，代码如下， index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel= ...
分类：
Web程序 时间：
2020-11-08 17:56:16
阅读次数：
32
我的前端之路： 作为一名web后端开发，三年前，因工作原因机缘巧合之下，独自负责模块的前后端开发，开始一边理解旧代码一边学习js、html教程，也对angular的架构进行独立思考。 为了快速提高并检验自己的html水平，照着喜爱的豆瓣网站首页，撸了一个粗略版的首页，然后心满意足地认为我已入了前端的 ...
分类：
Web程序 时间：
2020-11-08 17:53:11
阅读次数：
33
盒子模型 当对一个文档进行布局（lay out）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box）。CSS 决定这些盒子的大小、位置以及属性（例如颜色、背景、边框尺寸…）。 ——MDN 1. 盒子模型的 ...
分类：
Web程序 时间：
2020-11-08 17:51:22
阅读次数：
33
使用css定制表格： .table{ display:table; /*相当于table*/ section{ &:nth-of-type(1){ display:table-header-group; /*相当于thead*/ background:#555; color:#fff; } &:nt ...
分类：
Web程序 时间：
2020-11-08 17:12:24
阅读次数：
27
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>div+css</title> <style type="text/css"> .out{ border:solid 1px red; width: 960px; height: ...
分类：
Web程序 时间：
2020-11-08 17:04:26
阅读次数：
25
冒号：$("input:checkbox")表示input节点下带有checkbox属性的节点，一般用于$("input:checkbox[name='aaaa']");表示input节点下所有name属性值为"aaaa"的checkbox 空格：p span{}选择了P元素下的所有span元素。这 ...
分类：
Web程序 时间：
2020-11-08 17:03:04
阅读次数：
34
调用本地css文件的方法 setting.py里面的内容 import os # Build paths inside the project like this: os.path.join(BASE_DIR, ...) BASE_DIR = os.path.dirname(os.path.dirn ...
分类：
其他好文 时间：
2020-11-08 16:56:15
阅读次数：
21
首先在标签容器中声明class属性为layui-form来标识一个表单元素块，结合html标签和css样式组合成不同的表单元素，并通过layui的form模块内部的工具完成交互， 第一次使用需注意，layui的form表单需要render渲染以后才能使用form表单元素和功能。 其中layui-fo ...
分类：
其他好文 时间：
2020-11-08 16:47:01
阅读次数：
20
1. CSS引用的基本形式：<linkrel="stylesheet" href="path/fileName.css" type="text/css"media="screen" /> 2. 格式 a) 在html文件中引用CSS采用<styletype="text/css">……</style> ...
分类：
Web程序 时间：
2020-11-07 17:35:03
阅读次数：
40
