qq_33495944的博客

一、是什么组件式开发选择合适的css解决方案尤为重要通常会遵循以下规则：可以编写局部css，不会随意污染其他组件内的原生；可以编写动态的css，可以获取当前组件的一些状态，根据状态的变化生成不同的css样式；支持所有的css特性：伪类、动画、媒体查询等；编写起来简洁方便、最好符合一贯的css风格特点在这一方面，vue使用css起来更为简洁：通过 style 标签编写样式scoped 属性决定编写的样式是否局部有效lang 属性设置预处理器内联样式风格的方式来根据最新状态设置和改变

Web Component 初步调研知识点 - 1What Web ComponentWeb Component 为什么会出现Web Component包涵什么Web Component 思想是什么Web Component three framesWeb Component 优缺点优点缺点Web Component 兼容性Web Component APIHTML TemplatesCustom elementsShadow DOMWhat Web ComponentWeb Component 是一

Fonts1 CSS font-family在 CSS 中，可以使用 font-family 属性来指定字体，浏览器渲染文字时候会根据这个属性应用于元素。如果没有指定这个属性或者指定的字体不存在于客户的计算机上，则浏览器会使用默认字体。<style> .line { font-family: 'Courier New', Courier, monospace; }</style>如果没有设置 font-family，浏览器会使用默认字体应

CSS总结css选择器种类有：通用选择器：*id选择器：#header{}class选择器：.header{}元素选择器：div{}子选择器：ul > li{}后代选择器：div p{}伪类选择器：:hover、::selection、.action、:first-child、:last-child、:first-of-type、:last-of-type、:n...

很多时候，我们都需要这样的布局父元素宽度是resizable子元素个数不确定子元素无论都少宽度都可以自动填充父元素 当子元素过多时，子元素可以自动折行每行的子元素宽度一置，都是左对齐如图：如果实现以上的1-4的需求，我们完全可以用dispaly:flex;来实现，如：<style> .parent { width: 40%; ...

如果我要满足以下的需求，怎么实现呢？字体大小随着父容器div的宽度变化而变化，即 width = font size * 1.8最小font size是20px最大font size是32px调研总结以下的方法可以改变font-size使用CSS单位 vw | vh， 但是 vw | vh Viewport is the browser window size.1vw = 1% ...

近期BA要求把rgba转换成16进制的颜色，所以研究了一下怎么转换，以下是转换的方法（1）rgba -> rgbtarget = opacity * overlay + (1 - opacity) * background;// rgba(0,0,0,0.2) -> rgb(204, 204, 204) => 0 * 0.2 + (1 - 0.2) * 255(2) ...

RGB HEX Opacity of BLACK on WHITE (0,0,0) #000000 100% (3,3,3) #303030 99% (5,5,5) #505050 98% (8,8,8) #808080 97% (10,10,10) #0A0A0...