详解CSS-01-基本介绍

一、CSS-基本介绍

在这里插入图片描述

1. CSS简介
  • CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言。
  • CSS3是CSS的最新版本,增加了大量的样式、动画、3D特效和移动端特性等。
  • CSS使样式和结构分离,样式和结构不用“杂糅着写”,而是彼此分开:HTML就负责结构,CSS负责样式。通过选择器,进行结合。
  • CSS的本质:CSS就是样式的“清单”,要书写合适的选择器,然后把指定元素的样式“一条一条罗列”出来
  • CSS没有加减乘除、与或非、循环、选择、判断,CSS不是“编程”,就是简单直接的罗列样式
2. CSS3的书写位置

内嵌式:

  • 内嵌式:顾名思义就是内嵌在.html文件中。
  • <head></head>标签对中,书写<style></style>标签对,里面书写CSS语句。

外嵌式:

  • 可以将CSS单独存为.css文件,然后使用<link>标签引入它。
    在这里插入图片描述
  • 外链式的优点:多个html网页,可以共用一个css样式表文件。

导入式:

  • 导入式是最不常见的样式表导入法。
    在这里插入图片描述
  • 使用导入式引入的样式表,不会等待css文件加载完毕,而是会立即渲染HTML结构,所以页面会有几秒的“素面朝天的时间”。

行内式:

  • 样式可以直接通过<style>属性写在标签上。
    在这里插入图片描述
  • 行内式牺牲了样式表的批量设置样式的能力,只能给一个标签设置样式,所以不常用。
3. CSS3的基本语法

在这里插入图片描述

  • 最后一条样式可以不写分号。
4. CSS3的注释
  • CSS3的注释是/* */
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值