html中引入css样式的方式

2024-10-13 06:01:27

1、首先的话是——行内引入:在一个标签中,通过style属性来引入css样式,语法:<div style="font-size:50px;color:blue;"&爿讥旌护gt;樱木花道说他是个天才!</div>具体如下图。

html中引入css样式的方式

3、第二种方式:内部引入——可以在head头部通过style标签来引入css样式。语法:

html中引入css样式的方式

5、外部引入css皱诣愚继样式一:在一个外部css文件中编写css代码。然后能过 link 引入到html中。语法:<link rel="stylesheet" 墉掠载牿type="text/css" href="../css/style.css" />其中href是相对路径。具体的可以通过观看下图,提高理解。

html中引入css样式的方式

6、外部引入css可以让html中的代码看起来更简洁。而且以后如果修改html的显示效果,可以只修改css样式文件。上面的代码效果如下图。

html中引入css样式的方式
猜你喜欢