spancss样式,css中span的用法

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

css样式span用法

这个不用死记。你只要知道

p.aa span{} 的意思是 p class="aa"span/span/p就行。

p.aa就等于 CSS部分 aa{......}

body部分 p class="aa"/p

p.aa span{}就是说 span/span放在p class="aa"/p里面使用才能引用上面的CSS，

既p class="aa" spanABCD/spanEFG/p 这里ABCD引用了上面的CSS，而EFG没有引用CSS。

如果span/span 放在p class="aa"/p外面则span/span不能引用CSS。

其它的标签也是一样。

span表示了内联行,并无实际的意义,主要通过CSS样式(style)为其赋予不同的表现.

如上代码是我在学习资料里看到的，我不明白“zuo”“you”要加span class="lv"而class="zhong"则不用？

这里的span class="lv"可能还有别的用意。并不是说非要加上span，在你的代码里：

p class="you"span class="lv"我的对齐方式是右对齐/span/p即使没有span，文字一样会右对齐。因为在class="you"中已经设置了text-align:right;了。

span是行内(display:inline)的,在一段文字中，我们要对部分的文字加亮或者是设置其它突出显示样式，但又不能影响段落的排版，通常使用span标记。

span style="background-color:#FF0000 "不是在head中定义，而是在单个的span中加入css样式，怎么写了？/span

如此可以直接用属性控制当然属性有很多我只取了其中之一文字背景色！

css内控制说的是在外联的css文件中控制，这样方法的主要问题在于如何选中当前span，也就是平时所说的属性选择器。如果本身页面中存在很多的span那需要单独给想要添加样式的span添加一个class或者id（注：id具有唯一性），然后通过class或者id进行控制。代码如下：

HTML：

span class="aa"aa/span

span id="bb"bb/span

spancc/span

CSS:

.aa{ color:red;} /*aa显示为红色*/

#bb{ color:blue;} /*bb显示为蓝色*/