CSS简介

来源：互联网发布：json在线处理编辑：程序博客网时间：2024/06/08 09:06

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名前要加上前缀.(英文点号)

后代选择器

群组选择器

阅读全文

1 0