一. CSS简介
css全称:Cascading Style Sheets ,意为 :层叠样式表。所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的会覆盖层次低的,css可以分别为网页的多个层次设置样式。
二. 基本语法
CSS的样式表由一个一个的样式构成,样式由选择器和声明块构成
语法:选择器 {样式名:样式值;样式名:样式值;…}
p{ color:red; font-size:24px; }
三. CSS样式分类
1. 行内样式
将样式写到标签内的style属性中,这种方式称为行内样式。行内样式只需要编写声明就好,不需要选择器
缺点:
-
结构与表现耦合
-
代码不能重用
-
不建议使用
<p style="color:red;font-size:24px">段落</p>
2. 内部样式
将样式写到<style>标签中,这种方式称为内部样式。缺点:只能在单个网页中使用,代码重用率还是不高
<style> p{ color:red; font-size:24px } </style>
3. 外部样式
将所有的样式保存到一个css文件中,然后通过<link>标签将样式引入到html文件中,这种方式称为外部样式。这种方式将样式表放在的HTML文件的外部,可以在多个页面进行引用,同时浏览器可以将css文件进行缓存,这是开发中使用最多的方式
<link rel="stylesheet" type="text/css" href="style.css"/>
3. 样式优先级
行内样式优先级最高,外部样式和内部样式按照定义的顺序不同,优先级不同,后设置优先级较高。
请登录之后再进行评论