我还是一个胆小如鼠的小女孩为什么被两个span分开了?
<span>我还是一个</span>胆小如鼠<span>的小女孩</span>
<span>我还是一个胆小如鼠的小女孩</span>
<span>我还是一个<span>胆小如鼠</span>的小女孩</span>
测试一下就知道区别了。
这里加span是为了让你看到对比,你试试把“>”去掉换成空格!有“>”是指只选择 子级元素 ;去掉">"换成空格就相当于选择 子级 孙级里面的所有span元素
在这里是没有什么用,可以去掉。
便于设置样式,比如设置字体颜色:<span style="color:pink">胆小如鼠</span>或者用css样式设置 span{color:pink;} 需要设置的字要用<span></span>包裹 等等。加油!
<span>在CSS定义中属于一个行内元素,<span>文本</span>给文本设置属性,颜色,字体大小等,其本身没任何属性,
你看到下一节的时候就明白,在这里是多余的,我当时也有这个疑问。
子选择器>,是作用于直接后代,就是第一个span
如果是包含选择器 即空格就作用所有后代,即所有span。
<span>是一个没有实际结构意义的标签,使用它是因为想要单独设置这个词语的属性。
举个例子,<p>人生自古谁<span>无死</span></p>,如果想要对无死这个词语应用不同于整个<p>的样式,直接用<span>标签包裹,然后设置<span>即可。
<span>是行内元素 相对于块内元素的<div> 可以用来设置单独的样式
span是行标签,可用在块元素p内,不会换行或影响段落布局,这样标记以后,便于在head标签内对span内部的文字颜色、粗细、大小、倾斜等状态进行特别编辑
方便单独设置样式
可单独设置样式
因为想单独设置一个词语的属性,或者字体或者颜色.