CSS概念
简单来说,CSS就是页面美化工具,也是唯一目的。
CSS的基本语法
CSS规则有两部分组成:选择器以及一天或多条声明(样式)
选择器:其实就是所要美化的元素的标签
代码:
<style>
h1{
color:blue;
font-size:500px;
}
h1:就是选择器
color和font-size是声明,color修改颜色,font-size修改大小。
而每个声明都需要一个属性和一个值组成,color就是属性,blue就是值。
<style>是要放在head中。
CSS的引入方式
内联样式:就是把style放进标签里。
例如:
<p style="color:red;font-size:50px">**********<p>
内联样式的优缺点:
优点:就是不同标签需要不同的样式,可以使用内联样式
缺点:如果同一个标签需要同样的样式,内联标签就比较麻烦,SEO也不太优良。
内部样式
在基础语法中提到在head里放style标签就是内部样式。
内部样式的优缺点:
优点:如果同一个标签需要同样的样式,就可以使用内部样式
缺点:如果涉及多个页面的同标签同样式时,使用内部样式就比较麻烦
外部样式(工作当中使用较多)
新建一个文件以.css结尾,在这个文件里面放style里放的内容,如图所示:
然后只要在head里使用link标签,在href里添加,css的文件即可实现文件里所写全部代码。(使用方法与style完全相同)
(注:rel是link的默认内容无需修改)