标签里面加入style是不是CSS才会学到？？

html-css09

标签里面加入style是不是CSS才会学到？？,第1张

标签里面加入style是CSS样式的内联样式写法，同样需要学习CSS代码。

内联样式直接用在 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>