<!DOCTYPEhtml><htmlclass="html"><!--注释快捷键:Ctrl+shift+/--><!--head头部标记控制性信息控制body中的内容信息--><head><!--设置字符集编码格式为UTF-8--><metacharset="UTF-8"><style&
分类:
Web程序 时间:
2020-11-12 13:39:01
阅读次数:
12
在设置login背景时,找到了一张这样的图片:但是设置成login背景时,如果没有做一些css适应设置,图片就变样了,变成了这样:严重变形了,这就造成了一种理想与现实的差距。若想解决这个自适应问题,其实很好解决,只需要在前端代码里加上这样css即可: 1 .main { 2 background: ...
分类:
Web程序 时间:
2020-11-11 15:50:24
阅读次数:
12
今天主要学习了CSS高级技巧,重点掌握精灵图、字体图标的使用,单行溢出显示省略号和一些常用的布局技巧! 今日框架: 今日重点: 一、精灵图:为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度 1)精灵图又称雪碧图,CSS Sprites 2)将网页中需要使用的多张小图片整合到一张大图中,这 ...
分类:
Web程序 时间:
2020-11-10 11:18:40
阅读次数:
31
offset offset 可以得到任意样式表中的样式值 offset 系列获得的数值是没有单位的 offsetWidth 包含padding+border+width offsetWidth 等属性是只读属性,只能获取不能赋值 所以,我们想要获取元素大小位置,用offset更合适 style st ...
分类:
其他好文 时间:
2020-11-10 11:15:19
阅读次数:
4
<!DOCTYPE html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p ...
分类:
Web程序 时间:
2020-11-10 11:13:27
阅读次数:
18
最近在用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