Question

span的样式怎样在css内控制？

<div class="txt_body"> <span class="au">收入核算科 顾丽娜</span></div>

css:.au{font-size:12px;text_align:center;}为什么没有效果呢？？？

Answer 1

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

HTML：

<span class="aa">aa</span>
<span id="bb">bb</span>
<span>cc</span>

CSS:

.aa{ color:red;}  /*aa显示为红色*/
#bb{ color:blue;}  /*bb显示为蓝色*/

Answer 2

首先span默认为行内元素，是无法设置宽高的，宽高只会根据span里面的内容大小来决定

如果要设置span的宽高，要用display:block;把span定义为块级元素，定义之后设置宽高才能生效。

其次，你span没宽高，你用文字居中是看不出效果的

然后text-align:center;你中间写的下划线，css到目前为止，属性里面还没有下划线这种语法

Answer 3

1. text-align不是text_align
2. span是行内元素，所以没有text-align:center;的效果，应该为其父元素设置该属性，如div.txt_body {text-align: center;}
3. font-size:12px，如果你的页面默认设置就是这个大小那么当然看不出不同了。你试试font-size: 64px，应该有效果的。如果一个样式的值和默认值相同，我建议不要重复声明，否则会带来麻烦。

4. 样式定义要在元素之前

Answer 4

添加一个display:inline;或display:block;属性即可。