一、CSS 层叠样式表(Cascading Style Sheets)css
所谓层叠,能够将整个网页想象成一层一层的结构,层次高的覆盖层次低的。html
二、三种设置CSS样式的方法:浏览器
(1)、能够在标签内部的style属性中设置样式,可是咱们直接将样式编写到元素内部中,样式不能复用,并且维护性不好,通常开发中不会使用这种内联样式(也叫行内样式)。缓存
(2)、能够将样式写在head中的style标签中。好处是使CSS代码与HTML代码进一步分离,还可使CSS代码在当前页面复用。spa
<style type="text/css">htm
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文件能够在不一样页面中进行引用。
而且可使用浏览器的缓存,提升用户的访问速度。
三、CSS语法格式
(1)、css中的注释格式:/* css中的注释内容 */
(2)、css基本语法:
css的样式由两部分组成:
第一部分:选择器 (选择器的做用是选中页面中须要设置样式的元素)
第二部分:声明块(声明块里边是由一个一个的样式的键值对结构组成的,每个样式的样式名和样式值之间使用:链接,多个样式之间用;隔开,每一个样式咱们又称为一个声明。)
选择器{
样式名:样式值;
样式名:样式值;
}