1、CSS 层叠样式表(Cascading Style Sheets)
所谓层叠,可以将整个网页想象成一层一层的结构,层次高的覆盖层次低的。
2、三种设置CSS样式的方法:
(1)、可以在标签内部的style属性中设置样式,但是我们直接将样式编写到元素内部中,样式不能复用,而且维护性很差,一般开发中不会使用这种内联样式(也叫行内样式)。
(2)、可以将样式写在head中的style标签中。好处是使CSS代码与HTML代码进一步分离,还可以使CSS代码在当前页面复用。
<style type="text/css">
p{
color:red;
font-size:20px;
}
<style>
(3)、可以将CSS样式表编写到一个外部的.css文件中,然后通过link标签将外部的样式表引入到当前页面。如:
<link rel="stylesheet" type="text/css" href="style.css" />
rel和type是固定值,href指向的是外部css文件的地址,用的是相对路径。这样使css和html完全分离,外部的css文件可以在不同页面中进行引用。
并且可以使用浏览器的缓存,提高用户的访问速度。
3、CSS语法格式
(1)、css中的注释格式:/* css中的注释内容 */
(2)、css基本语法:
css的样式由两部分组成:
第一部分:选择器 (选择器的作用是选中页面中需要设置样式的元素)
第二部分:声明块(声明块里边是由一个一个的样式的键值对结构组成的,每一个样式的样式名和样式值之间使用:连接,多个样式之间用;隔开,每个样式我们又称为一个声明。)
选择器{
样式名:样式值;
样式名:样式值;
}