css-theme 通过单一css文件生成多套主题,并合并入一个css文件中 特性 只加载一个css,通过切换rootClass瞬间切换主题 体积压缩,将多套css合并,去除冗余代码,避免文件体积膨胀 低侵入性,不改变现…
分类:css
响应式导航如何实现 - W3Schools视频05
响应式导航即是让导航变成响应式。常见的做法是在小屏幕时不将全部导航项目列出,而是显示一个导航图标,点击该图标时才会显示出完整导航。今天我们就来按照W3Schools的方法完成一个响应式导航。 W3Schools 响应式导…
《CSS世界》阅读笔记(一)
这篇主要记录了第一二章内容,因为多为概述,所以篇幅较短 流体布局 流体布局:指的是利用元素“流”的特性实现的各类布局效果。“流体布局” ≠ “自适应布局”“自适应布局”是对凡是具有自适应特性的一类布局的统称,“流体布局”…
【软工二】大作业总结
NJU-SE电影院系统【我又来占坑了】【考完来写】
html 元素 强制不换行
html 中 nowrap是用来强制不换行的 在排版中 对包裹plain text的标签使用nowrap属性即刻实现强制不换行. 如:<p nowrap>强制不换行</p><p style=…
14天入门JavaScript-day one
第一天总结的是一些HTML DOM 事件中的鼠标事件<!–more–> js事件中主要的都是对样式的显示隐藏,display:none or display:block 其中最简单的就…
关于定位布局中的相对定位
关于CSS中定位布局的相对定位-relative 相对定位一个最大特点是:自己通过定位跑开了还占用着原来的位置,不会让给他周围的诸如文本流之类的对象。相对定位也比较独立,做什么事它自己说了算,要定位的时候,它是以自己本身…
CSS:Grid布局
CSS Grid布局,是一个基于网格的二维布局系统,目的是用来优化用户界面设计。 注意!注意!重磅消息,在2017年3月左右,大部分浏览器都会开始默认支持Grid布局,所以,现在完全有必要开始学习Grid布局。 Grid…
CSS代码重构与优化之路
写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如果没有及时对CSS代码进行维护,CSS代码不断会越来越多。CSS代码交错复杂,像一张庞大的蜘蛛网分布在网站的各个位置,你不知道修改这行代…
3D 高逼格动画制作
景深 perspective: perspective 属性定义 3D 元素距视图的距离,以像素计。当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。perspective 属性只影响…
前端知识归纳
技能考察: 一、关于Html 1、html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 a、理解:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代…
前端开发常见笔试/面试题总结 -- HTML / CSS篇
室友同为前端开发,最近在他找工作的时候,讨论到了常见的前端笔试题和面试题,今天就来总结一下之前校招和社招时频繁遇到的面试题。 iframe 有哪些缺点? 页面看起来较杂乱,不易管理,布局不佳,易分散用户注意力 搜索引擎的…