样式
在HTML里,使用style
属性改变 HTML 元素的样式。
background-color
属性:定义元素的背景颜色。用法:
<开始标签 style="background-color:颜色英文名">元素内容<结束标签>
其中,颜色英文名如red、yellow等。
font-family
属性:定义元素中文本的字体系列。用法:
<开始标签 style="font-family:字体系列名">元素内容<结束标签>
其中,字体系列名如arial等。
color
属性:定义元素中文本的颜色。用法:
<开始标签 style="color:颜色英文名">元素内容<结束标签>
font-size
属性:定义元素中文本的字体尺寸。用法:
<开始标签 style="font-size:尺寸大小">元素内容<结束标签>
其中,尺寸大小如10px等。
text-align
属性:定义元素中文本的对齐方式。用法:
<开始标签 style="text-align:对齐方式英文名">元素内容<结束标签>
其中,对齐方式英文名如center等。
样式的以上属性可一起使用,用分号“ ; ”隔开。如
<开始标签 style="font-family:字体系列名;color:颜色英文名;font-size:尺寸大小;">元素内容<结束标签>
style 属性可以替代以前的属性:
align
(定义文本对齐方式)
color
(定义文本颜色)
bgcolor
(定义背景颜色)
style属性可以替代以前的标签:
<center>
定义居中的内容
<font>
定义文本字体
<basefont>
定义 文本字体
<s>
定义删除线文本
<strike>
定义删除线文本
<u>
定义下划线文本
CSS
可将样式信息添加到 部分,对 HTML 进行格式化。
外部样式表
使用外部样式表,可以改变整个站点的外观。外部样式表一般用于样式要被应用到很多页面时。
<head>
<link rel="stylesheet" type="text/css" href="css文件地址" >
</head>
其中,rel属性用于定义链接的文件和HTML文档之间的关系。rel="stylesheet"意为指定一个固定或首选的样式。
内部样式表
内部样式表一般用于单个文件需要用特别样式时。
<head>
<style type="text/css"> <!--告诉浏览器文本内容(text)要当层叠样式表(css)来解析-->
<!--这里插入要定义的一些样式信息-->
</style>
</head>
内联样式
内联样式一般用于个别元素要用特殊样式时。
使用方法:在相关的标签中使用样式属性(可包含任何CSS属性)