前端
zyy2404
菜鸟程序员
展开
-
CSS 选择器
CSS 选择器 元素选择器 使用 html 元素当选择符 h1 { color : red; } 用 , 分隔来表示群组 h1,h2 { color : red; } 使用 ***** 来表示全选 * { color : red; } 类选择器 使用 .classname 来选择拥有该 classname 的属性 .first { color : red; } 选择拥...原创 2019-05-19 23:00:48 · 130 阅读 · 0 评论 -
CSS特适度和层叠
CSS特适度和层叠 特制度 特指度(specificity): 特指度表示一个css选择器表达式的重要程度,可以通过一个公式来计算出一个数值,数越大,越重要。 一个特制度由选择符本身的组成部分决定,一个特制度由四个部分构成,例如 0,0,0,0。 选择符的特制度规则如下: 选择符的每个 ID 属性值加 0,1,0,0 选择符的每个类属性值,属性选择或伪类加 0,0,1,0 选择符中的每个元素...原创 2019-05-20 23:07:27 · 145 阅读 · 0 评论 -
CSS-值和单位
全局关键字 inherit 关键字可以强制继承父元素的样式,比如一些没有默认继承的样式,使用此关键字可以做到强制继承 initial 关键字可以让元素样式初始化 unset 可以让拥有默认继承的样式初始化,让没有默认继承的样式强制继承,是 inherit 和 initial 的通用替身 all 表示除了 direction 和 unicode-bidi 之外的所有属性 <div id="...原创 2019-05-22 23:00:29 · 179 阅读 · 0 评论 -
自己动手构建 button 轮子
自己动手构建 button 轮子 构建一个轮子首先要保证的就是复用性,对一些 CSS 样式表的属性操作,我们应该避免使用绝对长度值,这种做法会添加后期维护,并且不容易扩展,下面通过一个反例来说明通过绝对长度值来描述的一些危害。 button的 html // 由于使用了 react,这里是 class 表示为 className <div className={'yy-butto...原创 2019-05-29 22:35:49 · 187 阅读 · 0 评论