- 博客(5)
- 收藏
- 关注
原创 CSS学习随笔三之CSS三大特性
(1)层叠性:如果发生了样式冲突,那就会根据一定的规则(选择器的优先级),进行样式的重叠(覆盖)。优先级按权重,计算权重时需要注意:并集选择器的每一个部分是分开算的!---元素的同一个样式名,被设置了不同的值。神奇宝贝:VScode鼠标放到属性名的上方,点。,到MDN网站,可以看到该属性是否能继承。
2023-12-27 09:58:34
357
原创 CSS学习随笔二之选择器优先级
通过不同的选择器,选中相同的元素 ,并且为相同的样式名设置不同的值时,就发生了样式的冲突。2、比较规则:按照从左到右的顺序,依次比较大小,当前位胜出后,后面的不再对比,例。important 的权重,大于行内样式,大于所有选择器,权重最高!慎用,一般用在需要紧急修复生产bug,但是开发测试无法定位的问题的时候)行内样式>ID选择器>类选择器>元素选择器>通配选择器。b:类选择器、伪类选择器、属性选择器个数。c:元素选择器、伪元素选择器个数。1、行内样式权重大于所有选择器。1、按权重计算:(a,b,c)
2023-12-26 20:45:55
342
原创 CSS学习随笔一之选择器介绍
2、样式的优先级:行内样式>内部样式=外部样式,内部样式和外部样式的优先级是后引入的覆盖先引入的,例如下面外部样式优先,所以显示红色。(6)、语言伪类(了解) :lang() 根据指定的语言选择元素(本质是看 lang 属性的值)。::before 在元素最开始的位置,创建一个子元素(必须用 content 属性指定内容)。::after 在元素最后的位置,创建一个子元素(必须用 content 属性指定内容)。:focus(表单类元素独有,即能输入的元素独有):获取元素的焦点。
2023-12-26 14:41:13
954
原创 HTML学习随笔
a:具有href属性的才是超链接(href如果是tel、mailto、sms分别是打电话、发邮件、发短信),具有name属性的是锚点,a标签还有alt、download等属性;很多标签都是可以通过div+css实现,但是要了解其中的语意,你用这个标签是你想表达的意思就是这个语意,否则用css实现,例如:<hr>语意是一条水平分割线,除非你是真想分割,否则不要用它,如果只是想要一条线,可以用css实现。5、a标签虽然是行内元素,但是可以包裹所有标签,但不能包含其他a标签。p:p不能嵌入h1~h6,p标签。
2023-12-19 16:27:46
339
原创 vue devtools填坑记录
commit: 保存指定的mutation,mutation记录最上面Base State会变为这次mutation的state,同时这次commit之前的mutation都会删掉。revert: 还原到指定mutation,当前的state变为知道mutation的state,revert之后的记录都会删掉。components面板内可以看到我们定义的一系列组件,选中相应的组件后,右侧面板可以看到组件内的。可以记录组件的渲染时间,注意这个时间是累加的,例如这个组件渲染了两次,那渲染时间是这两次的总时长。
2023-11-23 19:17:48
1502
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人