Rumah >hujung hadapan web >tutorial css >css写在哪
css写在哪
- 青灯夜游asal
- 2021-05-07 17:46:0111392semak imbas
写css的位置：1、作为行内样式，写在HTML标签的style属性中；2、作为内嵌样式，写在head标签的style标签中；3、作为外联样式，写在单独的“.css”文件中，使用link标签或“@import”规则引入到HTML中。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css样式有三种：内嵌CSS样式、行内CSS样式、外部CSS样式（外联样式）。
1、行内CSS样式
在HTML的标签中使用style属性来设置css样式
格式：
<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>
例：
<html>
<head>
<titile></title>
</head>
<body>
<div style="width="100px" height="100px""></div>
</body>
</html>特点：仅作用于本标签。
2、内嵌CSS样式
在head标签中使用style标签来设置css样式
格式：
<style type="text/css"> ....css样式代码 </style>
例：
<html>
<head>
<titile></title>
<style type="text/css">
//在这里写CSS代码
bdoy{font-size:14px;}
</style>
</head>
<body>
</body>
</html>特点：作用于当前整个页面
3、外部CSS样式（外联样式）
将css代码写在一个单独的“.css”文件中
用link标签或@import引入该文件到页面中
例：
<html>
<head>
<titile></title>
<link rel="stylesheet" href="要引入的CSS文档位置" >
</head>
<body>
</body>
</html>学习视频分享：css视频教程
Atas ialah kandungan terperinci css写在哪. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css怎么设置悬浮效果Artikel seterusnya：css怎么去除滚动条