html中怎样引入CSS?

 时间:2026-05-09 11:51:06

1、CSS是做什么的?

CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表

CSS负责定义样式,让网页变得更好看,优化用户体验。

而html只负责文档的结构和内容

2、在html中怎么使用CSS?

有三种方式:

第一种内联式:通过标签的style属性,在标签上直接写样式。

这种是很古老的使用方法,将html标签和CSS混在一起使用显的比较混乱,不推荐使用。

<div style="width:100px; height:100px; color:red ">......</div>

3、第二种嵌入式:通过style标签,在网页上创建嵌入的样式表。

这种在首页使用比较多,比如淘宝首页就使用这种方式。好处是加载比较快。

<style type="text/css">    

div{ width:100px; height:100px; color:red }    ...... 

#所有的div标签内容均变为设置的样式

</style>

4、第三种外联式:新建一个css文件,通过link标签,链接到这个文件。

这种方式在实际开发中使用最多。

<link rel="stylesheet" type="text/css" href="css/main.css">

#css/main.css代表css的地址

  • HTML怎样引入css,怎样使用css
  • html如何引入外部css样式
  • DW中HTML网页怎么用内嵌式或嵌入式引入CSS样式
  • html中如何引入外部css文件和外部js文件(4)
  • 如何在网页中引入外部JS文件和CSS样式文件
  • 热门搜索
    胰岛素抵抗是什么意思 中流砥柱的意思 凯旋的意思 常州有什么好吃的 悲天悯人的意思 电磁阀的作用 cas是什么意思 变化多端的端是什么意思 there是什么意思 1937年什么事变