行内样式和内部样式

来源:3-37 选择练习

慕移动4506339

2021-10-23 18:45:11

什么是行内样式?

什么是内部样式?

两者有什么区别吗?

写回答

2回答

好帮手慕慕子

2021-10-24

同学你好,问题解答如下:

1、行内样式:写在标签上的style属性上的样式。例如:

https://img.mukewang.com/climg/6174baef09f508c305300119.jpg

2、内部样式:写在style标签内的样式。例如:

https://img.mukewang.com/climg/6174bb0c099c560b08450325.jpg

3、两者的区别就是行内样式的优先级大于内部样式,示例:

https://img.mukewang.com/climg/6174bbd109d4e40908310353.jpg

分别使用行内样式和内部样式给p标签设置字体颜色,由于行内样式优先级更高,所以文字最终为红色。

祝学习愉快~

0

好帮手慕然然

2021-10-24

同学你好,行内样式是将css样式属性书写在html元素的开始标签中,如图

https://img.mukewang.com/climg/6174ba2a099805df05560167.jpg

而内部样式是将css样式属性书写在style标签中,如图

https://img.mukewang.com/climg/6174bb1109b1150b06530686.jpg

它们之间的区别就是css样式属性书写位置不同,一般不推荐大量使用行内样式,因为html与css代码混杂在一起,整体结构会比较乱;同时单个文件代码量会增大,不利用阅读。

而且样式代码无法复用。如果多个结构样式是相同的,那么页面上会存在多处相同的css代码。需要修改时,也要对应改多处,不利于维护。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程