创建css有三种创建样式,行内引入、内联引入、外联引入。
在行内标签引入
- html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>行内样式title>
- head>
- <body>
-
-
- <span style="color: aqua;font-size: 200px;">测试文字span>
- <span>测试文字span>
- <span>测试文字span>
- body>
- html>
在style标签中创建
- html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>内部样式title>
-
- <style>
- span{
- color: aqua;
- font-size: 120px;
- }
- style>
- head>
- <body>
- <span>测试文字span><br>
- <span>测试文字span><br>
- <span>测试文字span><br>
- <span>测试文字span>
- body>
- html>
- html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>外联样式title>
-
- <-- 路劲要自己设置 -->
- <link rel="stylesheet" href="../css/1.3外联样式.css">
-
- head>
-
- <body>
- <span>测试文字span>
- <span>测试文字span>
- <span>测试文字span>
- <span>测试文字span>
- body>
- html>
外联样式.css文件
- span{
- color: yellow;
- font-size: 120px;
- }
- html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>外联样式title>
-
- <link rel="stylesheet" href="../css/1.3外联样式.css">
-
- head>
-
- <body>
- <span>测试文字span>
- <span>测试文字span>
- <span>测试文字span>
- <span>测试文字span>
- body>
- html>
这个结果就不演示了,感兴趣的大家可以自己跟着注释练习一下。
不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚