零基础CSS入门教程(7)—

本章目录

1.任务目标
2.CSS外联写法
3.代码演示
4.小结

1.任务目标

我们前几个小结学习了选择器，我们这几个小结学习一下css外联写法，并且熟练运用。

2.CSS外联写法

我们为什么要学习外联写法那，我们再写css的时候少量的代码我们可以写在html里面但是我们要是做项目或者工程我们就必须使用外联写法。

3.代码演示

目录

第一步新建html把外联样式导进来

  <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="./外联.css">
</head>
<body><p>你好</p>
</body>
</html>

外联css的代码

.name{color: rgb(214, 129, 16);
}

效果如下

4.小结

我们这一小结学习了css外联写法，我们外联写法一般用在代码非常多的时候使用。

零基础CSS入门教程(7)——CSS外联写法相关推荐

零基础JavaScript入门教程(1)–走进JavaScript的世界
点此查看所有教程.项目.源码导航本文目录 1. 前言 2. JS的历史 3. JS的地位 4. JS与HTML.CSS的区别 5. JS是真正的编程语言 6. JS的组成部分 7. 小结 1. 前 ...
零基础Bootstrap入门教程(0)--教程背景与目录
点此查看所有教程.项目.源码导航本文目录 1. 背景 2. 教程目录 3. 源码下载 1. 背景在学习完成HTML/CSS/JS/jQuery零基础入门教程后,自然而然我们要进入Bootstra ...
零基础SSM入门教程(0)--教程背景与目录
点此查看零基础JavaWeb全栈文章目录及源码下载 1. 背景本教程的出发点是写一个比较条理,比较全面的SSM系列教程,首先造福自己.理顺自己的知识体系,然后也造福大众,因为网上现存的资源相对比较 ...
取得数组下标_《零基础C++入门教程》——（8）搞定二维数组与循环嵌套
一.学习目标了解二维数组的使用方法了解循环嵌套的使用方法目录预备第一篇,使用软件介绍在这一篇,C++与C使用的软件是一样的,查看这篇即可:<零基础看得懂的C语言入门教程>--(二) ...
sql数据库教程百度云_【推荐】零基础水彩画入门教程|零基础水彩教程百度云...
零基础水彩画入门教程|零基础水彩教程百度云! 照着教程画却总是画不好,这些水彩技法你真的学会了吗? 盲目地照着葫芦画瓢,不懂控制确实很难学会,可以关注一下公众号:每日学绘画,可以领取水彩电子书和全套视 ...
【PR】零基础快速入门教程
[PR]零基础快速入门教程 PR(Premiere)能做什么? PR欢迎界面及新建项目工作区及窗口说明导入文件建立序列视频剪辑添加字幕导出视频使用软件:Premiere2020 新年卷起 ...
零基础GitHub入门教程
最近Github很火,暑期的时候也注册了一个账号,可是其实一直没用.主要呢,是不知道那到底干什么用.现在要照着自己的学习记录一个像我这种完全零基础的人的入门教程. 首先,让我们先知道GitHub到底是 ...
大数据零基础如何入门教程
程序员必看大数据教程最全1024G学习资料免费赠送详解,大数据工作者可以施展拳脚的领域非常广泛,从国防部.互联网创业公司到金融机构,到处需要大数据项目来做创新驱动.数据分析或数据处理的岗位报酬也非常丰 ...
Processing零基础傻瓜入门教程-下载与安装与主界面简介
某绿(笔者)作为一名设计系的学生,其中一门课便要用到此软件,于是,一问三不知的某绿就开始了漫长的processing之路. 此软件的简介以及用途某绿在此文章中不提及,想必想要使用的你已经初步了解过.( ...
零基础HTML入门教程(5)--来吧，看看HTML语言代码是啥样子
点此查看本系列全部文章零基础Java全栈教程文章目录 1. 任务背景 2. 任务目标 3. 相关知识点 3.1 为啥叫HTML 3.2 什么是标记 3.3 HTML的标记 4. 任务实操 5. 任 ...

零基础CSS入门教程(7)——CSS外联写法

本章目录

1.任务目标

2.CSS外联写法

3.代码演示

4.小结

零基础CSS入门教程(7)——CSS外联写法相关推荐

最新文章

热门文章