a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: m…
标签:css
面试题:面试经
目录 我碰到有意思的题会继续更新,如发现我的解答有问题,请告知,万分感谢。 如觉得对你有帮助,请帮忙点个赞,谢谢。 css的选择器,权重 ie和其他浏览器下,盒模型的区别 盒模型互相转化 元素水平垂直居中 左边固定,右边…
CSS font-style斜体字体倾斜体样式
一、常用斜体语法 常用字体样式设置font-style: italic 兼容各大浏览器 normal : 正常的字体(默认字体样式,可用于去掉html i斜体标签默认斜体样式) italic : 斜体。…
聊一聊CSS中的长度单位
CSS中有很多属性可以接受长度值,比如: width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多,因此CSS也提供了许多长…
让一排图片水平居中对齐
先来理解一下 块级元素:独占一行,可以理解为是一个方块面,有宽高。常见的块级元素有:div p h1…h6 ul ol form table address……. 行级元素:可以与其他…
聊聊sticky定位
前言 你知道position定位有哪些值吗?常规static,绝对定位fixed、absolute,相对定位relative。好吧,这些是个前端都知道。今天要记录的是个不常见的、还在实验阶段的、兼容性不怎么完美的一个值。…
浏览器渲染原理及流程
渲染主流程渲染引擎首先通过网络获得所请求文档的内容,通常以8K分块的方式完成。下面是渲染引擎在取得内容之后的基本流程: 解析html以构建dom树 -> 构建render树 -> 布局render树 ->…
CSS Modules
CSS Modules 为什么引入CSS Modules (1)全局样式冲突 webpack进行打包时,将所有js文件导入到入口App.js文件中,样式也会统一加载到入口中,根据css的layout规则,后面的样式会覆盖…
2019年7月所遇知识点整理
*注:本文章是在工作过程中所接触的知识点的整理,涉及的东西比价杂乱,如有错误之处,欢迎纠错与指导 一, 自定义背景颜色,按钮颜色和文字的处理 二, Arguments 对象
记录下css的小知识,不时更新
1.div下的span标签之间有空白,为什么?怎么处理? <div class="qs1"> <span>1</span> <span>2</span> <…
[笔记] 当在 Vue 中不得不用全局样式时...
有时候基于 Vue 的单文件组件开发项目时, 不得不使用全局样式, 这时有一些需要注意的地方. 当遇到需要使用全局样式时, 下列几种情况 样式在项目各处均有使用; 样式只在当前组件内的 DOM 上使用; 样式需要应用到当…
CSS一行/多行显示 超出隐藏
文字一行显示,超出隐藏 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 多行文字显示,超出隐藏 overflow : hidden; text-o…