HTML-学习笔记(样式)
HTML 样式
style属性用于改变HTML元素的样式。
<p style="font-family: arial; color: red;">字体是arial,字体颜色是红色</p> <p style="font-size: 30px;">这行文字的字体大小是30px</p>
HTML 的 style 属性
style 属性的作用:
提供了一种改变所有 HTML 元素的样式的通用方法。
样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。
HTML引入样式的方式
上面只是html引入样式一种方式。其实html引入样式有三种方式。
1.外部样式表 通过<link>标签引入
<link rel="stylesheet" type="text/css" href="../css/myStyle.css" />
2.内部样式表 通常写在<head>标签中
<style type="text/css"> p { color: red; text-align: center; font-size: 15px; } </style>
3.内联样式表 通常写在相对应地元素标签的起始标签內
<p style="font-family: arial; color: red;">字体是arial,字体颜色是红色</p> <p style="font-size: 30px;">这行文字的字体大小是30px</p>
三种方式中內联样式的优先级最高 外部样式表的优先级最低。最常用的是外部样式表,这是另一门学科CSS会在后面的博客中详细讲起。