css3
关注
分享
扫一扫
逆风飞翔的代码单身狗
这个作者很懒，什么都没留下…
展开
-
【开发】css 小伎俩
移动端通过rem布局，当文字已经缩小到最小的12px了，已经没有办法再缩小了，可以通过增加宽度，让文字尽可能地排到一行，然后通过transform:scale()来对它进行缩小，最终达到设计图的效果 width: 140%; transform:scale(0.8)...原创 2021-03-31 11:10:25 · 136 阅读 · 0 评论 -
【css】 省略号
css—省略号原创 2020-09-15 11:37:29 · 263 阅读 · 0 评论 -
【css】h5cs3新特性
新特性1. CSS3有哪些新特性？ 答： - [ ] > 1. CSS3实现圆角（border-radius），阴影（box-shadow）， > 2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） > 3. transform:rotate(9deg)scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩 放,定位,倾斜原创 2020-07-25 09:07:02 · 609 阅读 · 0 评论 -
【css】 三角形
css<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margin:0;原创 2020-07-24 21:32:25 · 88 阅读 · 0 评论 -
【css3】 render tree --- 渲染树
渲染树HTML渲染的步骤：1.渲染HTML标签建立DOM树2渲染CSS标签建立CSSOM树3.结合CSSOM树和DOM树形成一个render tree4.在render树上运行布局来计算每个节点的形状5.在屏幕上画每一个节点PS：渲染树（render tree）里面包括单纯只是css样式为隐藏或透明状态的元素节点；display：none；的元素节点都已经被隐藏掉了，即为dom节点没有在render tree中，但是在渲染dom树的时候，它还是存在的...原创 2020-07-24 10:25:39 · 575 阅读 · 0 评论 -
【css3】BFC
BFC1. 定义：BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有 Block-level box 参与，它规定了内部的Block-level Box 如何布局，并且与这个区域外部毫不相干。布局规则： A. 内部的Box 会在垂直方向，一个接一个地放置。 B. Box垂直方向的距离由 margin决定。属于同一个 BFC的两个相邻 Box的 margin 会发生重叠。 C. 每个元素的 margin box 的左边原创 2020-07-23 18:49:43 · 141 阅读 · 0 评论 -
【css3 】opacity和rgba（）、display、visibility--显示隐藏的区别
显示与隐藏opacity：0；隐藏与visibility：hidden；的效果一致，还有rgaba（）只是单纯地设置了dom元素的css样式，好比给一个人化妆display：none；却是真实地操作dom元素，显示与隐藏即dom元素有没有渲染出来。好比这个人存不存在一样由此可见其他三种比display：none；的效果要好，我们都知道操作dom元素会大大消耗性能PS：rgba（0,0,0,.5）表示黑色，50%透明度慢慢地它的写法也可以写成rgba(KaTeX parse error: Expe原创 2020-07-23 17:07:44 · 172 阅读 · 0 评论 -
css
cssvertical-align: middle;可以让图片和文字，或者input框和文字底部对齐原创 2020-07-18 16:53:17 · 89 阅读 · 0 评论