CSS,全称Cascading Style Sheet(层叠样式表),是用来控制网页外观的一种技术。
1、前段最核心的三个技术是HTML、CSS、JavaScript。
三者的关系如下:
HTML控制网页的结构,CSS控制网页的外观,JavaScript控制网页的行为。
2、CSS引入方式
主要有以下三种:
外部样式表
内部样式表
行内样式表
1.外部样式表在单独的文件中定义,然后在HTML文件中的<head></head>标签对中使用link标签来引用。实际开发中一般采用外部样式表。
语法:
<link rel="stylesheet" type="text/css" href="文件路径"/>
2.内部样式表,指的是HTML代码和CSS代码放在同一个文件中。其中,CSS代码放在style标签内,并且style标签是放在head标签内部的。
语法:
<style type="text/css">
......
</style>
3.行内样式表,跟内部样式表类似,也是把HTML代码和CSS代码放在同一个HTML文件中。但是这两者有着本质的区别:内部样式表的CSS是在"style标签"中定义的,而行内样式表的CSS是在"标签的style属性"中定义的。
<body>
<div style="color:red";>绿叶,给你初恋般的感觉。</div>
</body>
4.@import引入方式,我们不必去了解。
3、CSS选择器
最常用的五种选择器:
元素选择器
id选择器
使用这种选择器,id名前要加上#。
class选择器
使用这种选择器,class名前要加上前缀.(英文点号)
后代选择器
群组选择器