CSS入门教程-02-HTML引入CSS样式的三种方式概述1【动力节点】原创

那么这个CSS这块，咱们接下来看一看啊，就是在什么呀，在这个HTML页面中嵌套使用什么CSS。的三种方式。就是在一个HT中怎么去使用CSS。怎么用的，来我这里有文档相关的，各位大家看啊。就在这个D盘的cos目录当中啊，在这呢，有一个叫做把这个打开。啊，我们讲的是不是CS3啊，我们讲的CS2.0啊，就是最基本最常用的一些东西。820打开。啊，这是一个，这是一个哥们儿写的啊。这些哥们写的不错啊，感谢啊。嗯，来这个呢，是他总结的对不对，嗯。那这块呢，有一个样式表的一个简介，我们可以看看什么是样叫cading style。

层叠样式表对不对，然后呢，下边呢，它练这个，使这个在HKL中使用这个CS样式，也这么几种方式啊，第一种方式是什么呢？我诶叫做什么呢？叫做先说这个吧，叫做内联定义方式。内联定义方式呢，大点啊，能看清吗？啊，内联定义方式是什么呢？是在对象的标记内部，就是在这个P标签，大家想这是个对象是不是，哎，在对象的这个标记的标记内啊，使用这个对象的什么属性啊，有一个属性叫style。这个style呢，其实就是风格对不对？江南style啊，江南风啊，说的不就是富人，富人的风格嘛，富人居嘛，是不是啊style啊，属性定义，试用期的样式表，属性示例如下，这就是一个例子呀。

P标签style这个里边怎么写的？整个这个是一个样式，这个样式以什么结尾啊，分号下边可以再跟一个样式，明白吧，一个样式包括样式的名字以及样式的值啊，样式的名字和样式的值中间用冒号隔开啊，所以这个就是一个样式，两个样式啊，后边还可以再跟别的样式，这种方式呢，就是在我们对象内部使用style属性后面加样式的这种语法，被称为内联定义方式来，这块呢，咱们三种方式都要了解一下啊，第一种方式在什么标签内部使用什么属性来设置元素的什么CSS啊，这种方式称为什么呢？称为内。

一联定义方式，内联。定义方式各位啊，它的语法格式是什么？我可以给大家先写一下，这是标签吧，诶再来一个什么标签吧，标签开始，标签结束，里边有个什么style啊，这跟样式名冒号什么样式值分号，样式名冒号怎么样？样式值分号大概呢这个样式这样去就可以了。那有说老师，那我哪知道样式名都是什么名，这个帮助文档左边这都是样式，这是关于什么的样式，字体的样式，这个是关于文本的样式，这个是关于背景的样式，Background color是背景色，对吧？有定位的样式，有尺寸的样式，有布局相关的样式，对吧？哎，很多很多列表的样式，表格的样式，对，有的老师那我把这个背会是就可以写CSS了，你错了啊，你把这个背的滚瓜烂熟，你不一定也能画出一个特别好看的页面，这个需要需要你去实实践啊，你不断去实践，你不断写自己的这个产品，你拿出来展示，大家都说好那就是好啊，你不要以为自己画出来啊，这个东西我觉得好看啊。

不一定。不一定啊，每一个人的审美都不一样，对，有的时候呢，诶，你觉得这件衣服特别好啊。但是你你的女朋友就就就就开始一顿鄙视，这衣服哪好了是不是，哎，就是这样啊，所以说不一定不一定啊，就是大众说好。

多数人说，好OK，我们可以用啊。就像有些画一样，画完之后很抽象，你觉得特别难看是不是啊，但是你说哇，好高深。好吧，很高深啊，第一种方式来第二种方式我们一块来看一看，叫做样式块来我们找找啊。还有一种方式是样式块定义内部样式块对象，就是你可以在你的HTML文档的HTML和body标记之间插入一个style块对象。定义方式啊，请参考什么语法是吧，你可以看看这它的语法格式就是这样写的，各位在hi的标签头标记当中使用了一个标记，叫style标签开始，Style标签结束，在这个地方写什么呀？

写样式不是写包啊，这是样式。这个你不用管它啊，这个你不用管它，这个是一样，就这。我可以给大家写一下啊，第二种方式是什么？在hi的标签中使用什么style？啊。这种方式被称为。样式块方式，它的语法格式我先给大家讲讲，是这样的，Hi开始，Hi结束，在hi标签当中加style开始怎么着结束，然后在这个style标签当中写这个位置固定写法CSS固定写法各位啊，Type类型是文本或者什么CSS，然后再往下是选择器大括号，在这个位置写什么样式名冒号样式值分号样式名冒号样式值分号降样。

你来一个选择器，你还可以再来一个选择器，有的老师这个选择器是啥，现在不讲一会说。我现在讲的是语法。你比如说。这个选择器啊，你应该猜个差不多，这个选择器代表的是你这个网页当中的某一些元素吧。因为你这个样式是不是等于加到某些元素上啊，而你这个选择器实际上就是这个选择器往这一写，就代表的是你这个网页当中的什么某些元素吗？你比如说写上div什么意思，整个网页当中所有的div都用这个样式，你要写一个A，就表示你整个网页当中所有的超链接都用这个样式。

懂什么意思吗？这个位置需要一个选择器。至于选择器是什么，好几个呢？有什么ID选择器，有什么标签选择器，有什么类选择器，一大堆，一会儿咱们再看，现在呢，大家知道一个大概的语法，这个语法呢，哎，我现在讲了两种啊各位，第一种就是直接在很暴力啊，就是在这个标签里边写style，第二种方式。是不在标签里写了，单独写个样式框，在样式框里边写样式，样式呢涉及到一个选择器啊，这是第二种方式。