css

什么是 移动端适配? 移动互联网的快速发展,让人们已经越来越习惯于使用手机来完成大部分日常的事务. 移动开发目前主要包括三大类: 原生App开发(iOS,Android,RN,uniApp,Flutt

CSS 编写的痛点 CSS 作为一种样式语言,本身用来给HTML元素添加样式 是没有问题的. 但是目前前端项目已经越来越复杂,不再是简简单单的几行CSS 就可以搞定的,我们需要几千行甚至上万行的CSS

CSS 中的长度单位 CSS 中的长度单位 css 中的长度单位有px,em,rem,vw/vh等等. 这些长度单位整体可以分为两类: 绝对长度单位 相对长度单位 CSS 中的绝对单位: 绝对长度单位

媒体查询的作用 媒体查询 顾名思义就是用来匹配媒体的,通过媒体查询的各个属性来匹配到 符合条件的媒体,然后将媒体查询内对应的规则作用于匹配到的媒体. 媒体可以是 屏幕类型,如手机,电脑显示器,或者打印

FC-Fomatting Context FC的全称是 Formatting Context,元素在标准流里面都是属于一个FC的. Boxes in the normal flow belong to

有时候可能会看到有些 CSS 属性前面带有 -0-,-xv-,-ms-,-mso-,-moz-,-webkit- 官方文档专业术语叫做: vendor-specific extensions (供应商

var: 使用 CSS 定义的变量 calc:计算css值,通常用于计算元素的大小或位置 blur: 毛玻璃(高斯模糊)效果 gradient: 颜色渐变函数 var函数 CSS 中 可以 自定义属性

一:HTML5 新增的 语义化元素 < header > : 头部元素 < nav >: 导航元素 < section >: 定义文档某个区域的 元素 < article > : 内容元素 < asi

利用元素的positon 可以对元素进行定位,常用取值有5个 static:默认值,静态定位(标准流布局) relative:相对定位 absolute:绝对定位 fixed: 固定定位 sticky

css 设置背景的属性主要有以下几个: background-image:设置背景图片,但必须设置元素宽高 background-repeat:设置背景图片是否平铺,以及如何平铺 background

css 提供了3种方法,可以将 css 样式 应用到 元素上. 内联样式(inline style) 内部样式表(internal style sheet),文档样式表(docoument style

选择器的概念 选择器的作用和目的都很简单,就是按照一定的规则选出符合条件的元素,为之添加css样式. 选择器的种类 选择的器的种类繁多,大概可以归为这么几大类 通用选择器 元素选择器 类选择器 id选

为何有时候编写的css 属性不好使,有可能是因为 1. 选择器的优先级太低 2. 选择器没选中对应的元素 3. css属性的使用形式不对 元素不支持此CSS 属性,比如span 默认是不支持width

方法一: 设置display 为none 元素不显示出来,并且也不占据位置,不占据任何空间(和不存在一样) 方法二:visbility 设置为 hidden 设置为 hidden,虽然元素不可见,但是

认识精灵图 什么是CSS Sprite CSS Sprite,又称精灵图,是一种CSS 图像合成技术,将各种小图标合并到一张图片上,然后利用CSS的背景定位来显示对应的图片部分. 也有人翻译为:CSS

认识字体图标 字体可以设计成各式各样的形状,那么能不能把字体直接设计成图标的样子呢? 答案是可以的,这个就叫做字体图标. 字体图标的好处 放大不会失真 可以任意切换颜色 用到很多个图标时,文件相对图标

认识网络字体 在使用网络字体前,先回顾一下font-family 的使用和过程: 我们需要提供一个或多个 字体种类名称,浏览器会在列表中搜寻,直到找到它所运行的系统上可用的字体 这样的方式完全没有问题

盒子模型是css中很基础也是很核心的概念,然而你真的了解css的盒子模型吗? 能够游刃有余的在开发中合理运用盒子模型吗? 如果可以,请移步,嘿嘿. 没有就大家一起来探讨研究一下,共同进步. 盒子模型的

前言: css 的布局方式有很多种,但是无论布局方式如何变化,我们都应该知道,标准流布局,因为几乎所有的布局方式都是依赖于标准流的布局方式进行演化而来的.本篇主要总结 标准流相关的概念. 什么是标准流

俗话说:光说不练,等于白干.又曰知行合一,日进千里. 前面已经将flex布局的所有概念都做了详细的总结,但是总感觉距离掌握这玩意儿, 还差点意思,我冥思苦想,总算明白了,还得是实践操作几波,才能用好