CSS初识

1.什么是CSS

　　CSS是指层叠样式表(Cascading Style Sheets)，样式定义如何显示HTML元素，样式通常又会存在于样式表中。也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里。

　优势：

　　1.内容与表现分离 2.网页的表现统一，容易修改 3.丰富的样式，使页面布局更加灵活 4.减少网页的代码量，增加网页浏览器速度，节省网络带宽 5.运用独立页面的css,有利于网页被搜索引擎收录

2.CSS的引入方式

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style type="text/css">
 7         span{
 8             color: yellow;
 9         }
10     </style>
11     <link rel="stylesheet" href="./index.css">
12     <style>
13         @import url(./index.css);
14     </style>
15 </head>
16 <body>
17 <!--
18 1 行内样式 直接在标签内定义样式
19 2 内接样式 在head里定义style
20 3 外接样式
21     3.1 链接式
22     <link rel="stylesheet" href="./index.css">
23     3.2 导入式
24     <style>
25         @import url(index.css);
26     </style>
27 -->
28     <div>
29         <p style="color: green;">我是一个段落</p>
30     </div>
31 
32     <div>
33         <div>
34             <span>我是另一个段落</span>
35             <a href="#">火影忍者</a>
36         </div>
37     </div>
38 </body>
39 </html>

 

posted @ 2018-11-22 15:31  Nope!!!!  阅读(128)  评论(0)  编辑  收藏  举报