会动的表情
挑战介绍
本次挑战会实现一个萌萌的表情包，鼠标放在该表情包上面，它会向右转动。结合之前学习的内容，我们来实现一下吧！
2024年10月23日
本次挑战会实现一个萌萌的表情包，鼠标放在该表情包上面，它会向右转动。结合之前学习的内容，我们来实现一下吧！
2024年10月23日
对带有指定属性的 HTML 元素设置样式。
ps：这个属性你可以自定义，随便啦，想写什么写什么。
eg:
vue中的scoped作用域属性就是用它来实现的。
在template模板中给style标签加上scoped属性就可以实现不同template页面其样式互不干扰
当然，属性选择器远远不止这些：
2024年10月23日
作者：lulu_up
转发链接：https://segmentfault.com/a/1190000022384349
开发过程中bug常相伴, 不能修复或者无法复现就忽略这些问题, 所以计划每当我遇到9个有价值有思考的bug就会统一分享出来, 以此来扩展性的思考工作本身, 不断的提高自己的意识, 毕竟能力的提高遇到的bug一定不同, 而且如果遇到bug越来越少只能说明自己的工作任务与学习任务在'原地踏步,且不饱和', 既然如此就靠bug来见证自己的成长吧.
2024年10月23日
在css众多属性中，定位position属性，必须有姓名，而且占据了比较重要的地位，比如：二级，三级导航效果，鼠标悬停的一些动态效果，悬停栏，侧边导航栏定位效果等等都是需要定位实现的。
但是很多小伙伴，刚接触定位的时候，理解上会有一些困惑，使用上容易出bug，那我们今天就来聊一下定位position属性；
2024年10月23日
实例
使用 <span> 元素对文本中的一部分进行着色：
<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p>
浏览器支持
所有主流浏览器都支持 <span> 标签。
标签定义及使用说明
2024年10月23日
大多数 HTML 元素被定义为块级元素或内联元素。
编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：<h1>, <p>, <ul>, <table>
内联元素在显示时通常不会以新行开始。
2024年10月23日
分享bug的目的
开发过程中bug常相伴, 不能修复或者无法复现就忽略这些问题, 所以计划每当我遇到9个有价值有思考的bug就会统一分享出来, 以此来扩展性的思考工作本身, 不断的提高自己的意识, 毕竟能力的提高遇到的bug一定不同, 而且如果遇到bug越来越少只能说明自己的工作任务与学习任务在'原地踏步,且不饱和', 既然如此就靠bug来见证自己的成长吧.
2024年10月23日
CSS3 选择器——基本选择器
1、通配符（*）
<ul class="demo">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
.demo * {border:1px solid blue;}2024年10月23日
JavaScript事件模型
在各种浏览器中存在三种事件模型: 原始事件模型 , DOM2事件模型 , IE事件模型。
其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持.
原始事件模型：
在原始事件模型中（也有说DOM0级），事件发生后没有传播的概念，没有事件流。事件发生，处理，结束，就这么简单。监听函数只是元素的一个属性值，通过指定元素的属性值来绑定监听器。书写方式有两种：
2024年10月23日
开篇
通常带着一个问题来学习知识会有事半功倍的效果，因此文章开头，我们先抛出个小问题来考考大家
// html如下：
<div class="wrap">
<span class="text">你好，我是前端扫盲</span>
</div>
/* css样式如下：*/
span.text:not(.foo) {
color: blue;
}
div.wrap>.text {
color: red;
}