CharlesY

Flex 是 Flexible Box 的缩写，意为“弹性盒子”，采用 Flex 布局的元素，称为 Flex 容器（Flex Container），它的所有子元素自动成为容...

CSS 盒模型 本质 是一个盒子，由 margin、border、padding、content 组成...

PC端布局主要考虑网页文档对不同浏览器是否兼容，移动端布局需要考虑硬件分辨率以及操作系统的适配需要考虑硬件分辨率以及操作系统的适配...

网格布局是将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。Grid 布局是将容器划分成“行”和“列”，产生单元格，然后指定“项目位置”的单元格，可以看作...

关键代码 opacity: 0.7; 简单粗暴，没有什么可以说的，凑一凑字数睡觉，还没有凑够再加个...

animation 属性简写，用于设置动画属性（6个属性）keyframes-name duration timing-funciton delay iteration-c...

clip-path 属 性 使 用 裁剪方式创建元素的可显示区域，区域内的部分显示，区域外的隐藏 。...

HTML ----> HTML5 ----> DHTML ----> XML ----> XHTML...

External Style Sheet 外部样式表 link和import之间的区别？ 本质的区别：link属于XHTML标签，而@import完全是css提供的一种方式...

媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。...

The special selector selects special elements........

CSS3渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡，而不必使用提前设计好的图像来实现效果，由此，渐变不会因为界面大小变化而出现失真，因为gra...

px em rem vh vm 分别是什么 问题痛点 对于响应式布局来说，其目的主要是希望能够一套代码同时兼容PC、移动端页面，但这样会有个问题，就是移动端的代码对于PC端...

在网页展示图片时，会出现一种情况，图片的排列并非是完全对称规则排序的，而是根据不同图片的大小，又打占位空间较大，有的较小，呈现出类似瀑布一般顺接的排列方式，这种排列更为自由...

CSS 滚动条样式 -webkit-scrollbar 特性概述 ::-webkit-scrollbar { display: none; }...

重点介绍：移动端及PC段布局区别、dpr、二倍图、屏幕尺寸、屏幕比例、屏幕密度、物理分辨率和逻辑分辨率...

常用快捷键 快捷键 功能 ctrl++ 放大 ctrl+- 缩小 alt+滚轮 放大/缩小 space空格+鼠标 拖动图片 ctrl+r 标尺 M 矩形选择工具（调整选区大...