内联样式css如何写?写在html哪里?


内联样式css如何写?写在html哪里?先看内联样式的用法:当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。

接下来是如乐老师的讲解,内联样式就是在标签中用style属性直接写,还是举例比较形象易懂,比如段落标签p,如乐老师随便写一个p标签的代码:

<p>如乐老师用一段测试文字来举例</p>

内联样式就是把css写进去p标签里面,需要在p后面加上空格+style=“”,效果是这样的:

<p style=””>如乐老师用一段测试文字来举例</p>

在符号“”里面添加你要控制p标签的属性和对应的值即可,假设如乐老师想把这段文字的字体变成14像素,颜色为红色,水平对齐方式为居中,代码如下:

<p style=”font-size:14px;color:red;text-align:center;”>如乐老师用一段测试文字来举例</p>

css代码拆解:

第一个是控制字体大小的属性font-size,对应的值是14px(大小为14像素),用英文小写符号:连接,用英文小写符号;结束。

第二个是控制颜色的属性color,对应的值是red(红色),用英文小写符号:连接,用英文小写符号;结束。

第三个是控制文本水平对齐方式的属性text-align,对应的值是center(居中),用英文小写符号:连接,用英文小写符号;

那么,p标签的默认效果和添加了内联样式属性后的对比效果,如图:

p标签的默认效果和添加了内联样式属性后的对比效果图示

同学们要记住一点:内联样式只适用于某个单独特定的元素,如果一个网页有100个段落标签p,而你又想修改这100个段落标签p,那么你使用内联样式就麻烦了,你需要把这100个段落标签p都加上style的属性。

如果你需要一次性给当前网页的某个同类标签都添加上同样的属性,可以使用内部样式表,详情点击:《内部样式表css如何写?写在html哪里?》。

转载时请注明来源!首发:如乐建站之家
原文链接:
http://www.rulejianzhan.com/css/7878.html

作者如乐老师  如乐老师的QQ:349142701

  如乐老师的微信:349142701

  如乐老师的电话:13189611692

如果你有时间和精力自学,没必要找我帮你建网站,因为我写了快速建站教程,点击下图学习:



鼓励 知识小手