CSS入门笔记1

CSS作为修饰,把页面做的漂亮好看,我们称之为样式,样式分为三种:内联样式,内部样式以及外部样式。下面我们介绍一下这三种样式。

(一)内联样式

设置在标签内部,但是作为CSS,这种用法不推荐使用。

<h1 style="color: purple;">今天天气很好!</h1> 

<!-- 内联样式不推荐使用 -->

(二)内部样式

适用于在同一网页内,在<head>标签内使用<style>标签

语法:选择器 + { }     大括号里面写样式内容。

注意:<style>样式表里不支持HTML语法规则,在HTML里面的注释规则与样式表里不一样,样式表里的注释语法:CTRL + /

/*  注释内容 */

(三)外部样式

外部样式就是创建一个CSS文件,后缀名为:.css

在html文件中,头部链接css文件。

<link rel="styleSheet" href="CSS简介.css">

其实就是将内部样式,<style>中的样式内容移到css文件中,在css文件中写样式内容。

以上就是三种样式类型,其中内联样式不需要选择器,直接对该位置的标签进行修饰;

外部样式和内部样式都需要选择器来选择,下一篇我们讲CSS选择器。

 

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值