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

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

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

如乐老师用一段测试文字来举例

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

如乐老师用一段测试文字来举例

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

如乐老师用一段测试文字来举例

css代码拆解:

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

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

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

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

2735b52d311d9635344c252c42538fd4.png

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

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

转载时请注明来源!首发:如乐建站之家

原文链接:

http://www.rulejianzhan.com/css/7878.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值