内联样式直接用在 html 的标签里,一般是用在 <p>、<span>、<div>等标签中,作用范围也相同,比如<p style="font-size:1.6em">字体大小 1.6 em</p>。
外联式样式属于外部样式表,其特征:
1、有一个单独的CSS文件存在![如:001.css]
2、首先,通过【格式】→【样式表连接】与CSS文件[001.css]建立连接!<link href="001.css" type="text/css" rel="Stylesheet"/>
3、在合适的地方使用 class="样式名" 调用具体的样式效果!
使用sublime_text软件设置,操作步骤如下:1.首先需要新建一个06.html。2.定义一个html5标准声明。3.输入html网页的结构。4.添加一个ul列表后添加style标签,把列表设为没有格式。5运行网页查看效果
三种方式:
1、第一种行内样式,也就是给标签添加style属性,例子如下
<div style="width:100pxheight:100px"></div>2、第二种,直接写在html页面中的style标签中,例子如下,
<div class="box"></div><style>
.box{
width:200px
font-size:14px
color:red
}
</style>
3、第三种,使用外链css样式表,单独保存为css文件,将css样式都写入css文件中,例子如下,
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="index.css">//这个地方写css文件的位置
</head>