让我们看一下使用媒体查询的更多示例。媒体查询是一种流行的技术,用于向不同的设备提供定制的样式表。为了演示一个简单的示例,我们可以更改不同设备的背景颜色 /* 将body的背景颜色设置为tan */ body { back…
分类:css
前端面试每日3+1(周汇总2019.08.25)
《论语》,曾子曰: “吾日三省吾身”(我每天多次反省自己)。 前端面试每日3+1题,以面试题来驱动学习,每天进步一点! 让努力成为一种习惯,让奋斗成为一种享受! 相信 坚持 的力量!!! 项目地址: 前端面试每日3+1 …
css 属性书写顺序推荐
转自自己的 Github/Wizard67 根据 MDN 中 CSS参考 归纳整理。 summary ┌── 布局定位 | ├── 元素定位 | | └── position... | └── 元素浮动 | └── fl…
css-reset 代码
最常用 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:aft…
如何构建大型的前端项目
如何构建大型的前端项目 1. 搭建好项目的脚手架 一般新开发一个项目时,我们会首先搭建好一个脚手架,然后才会开始写代码。一般脚手架都应当有以下的几个功能: 自动化构建代码,比如打包、压缩、上传等功能 本地开发与调试,并有…
解决 Vue 项目中使用 iView 组件库设置样式不生效的问题
找到要设置样式的类名,直接按照下面写法设置就可以了! <style lang="less" scoped> @deep: ~'>>>'; @{deep}.ivu-transfer-opera…
CSS面试须知,哪些需要掌握得CSS技巧
1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(cont…
前端面试每日3+1——第108天
今天的知识点 (2019.08.02) —— 第108天 [html] 在默认的情况下,使用h1标签呈现出什么效果? [css] position的relative和absolute定位原点是哪里? [js] 请描述下j…
前端面试每日3+1——第104天
今天的知识点 (2019.07.29) —— 第104天 [html] 说说HTML中的<html>标签有什么作用? [css] 行内元素和块级元素有什么区别,如何相互转换? [js] 请说说json和jso…
【学习笔记】CSS深入理解之relative
张鑫旭的CSS深入理解之relative relative对绝对定位元素的限制 限制定位 限制层次 限制overflow,overflow原本对绝对定位元素无效,容器设置relative+overflow的情况下生效 r…
CSS2中盒模型与布局的一些概念关系
CSS的一些名词和概念 用来帮你更明确地去描述HTML/CSS世界的事物。 box 在CSS中,一个元素就可以看作一个box。具体信息可以参考盒模型的解释,这里暂且不作展开。 containing blocks Box的…
超过固定宽度(或行数)显示...(或省略)
作为前端经常遇到的一个需求。对于一些比较长的文本做限制,不显示,或者显示省略号。今天特意整理了一下,做个备忘。 1.超出固定长度显示… .class{ width: 400px; white-space: n…