css实现marquee标签效果

欢迎来到默然说话的课堂，呃，这讲呢，我们就开始逐一介绍每一个标签的用法啊，那么首先肯定是要给大家先介绍文本标签啊， 呃，那么因为我们晚业实际上还是以文本为主哈，所以第一个呢就是文本标签，那么作为文本标签来讲哈啊，我们这里呢，首先给大家呢介绍的可能就是标题标签啊，我们叫 h 一到 h 六， 然后呢还有一个呢是段落标签啊，就是 p 啊，后面还有几个啊，但这一讲呢，我们重要就给大家介绍 h 一和 h 六这几个标签。那么首先第一个呢，我们先说一下标题标签啊，那么 htm 呢，是提供了六个等级的标签，就是 h 一二三四五六啊，那么从 h 一到 h 六的话呢，它的重要性是 依次的递解，其实就是所谓一级标签，二级标签，三级标签，四级标签，五级标签和六级标签啊，他一共就是有六级啊，没有更多的了 啊，那么作为标题标记来讲的话呢，他在我们文章中的使用实际上挺多啊，我这里呢有一个实际图，大概是告诉大家在默认情况下啊，他的样式啊，大家可以看出来啊，默认情况下他的样式是 这个 h 一标签字是最大的啊，然后 h 六标签的字呢是最小的哈，那么这个地方呢，我们可以写一下看一看是吧？好，那么前面呢，我们已经建了一个，就是二干一了啊，我们在零二干一里面可以写一下 啊，这个啊，那么这个 h 标签呢，一定是用在包地里面的哈，一定写在包地里面的，所以我们在这里写啊，监括号 h 一哈，好，然后 h 一结束，他后面就出了，那这个一般来说，这个 h 一标签我们是不回车的哈，那我们写上文字 一级标题是吧？啊，那么接着啊，我们把官标放到后面啊，我们再回一个车啊，一样的，再写一个 h 二是吧？啊，就是我们的二级标签哈，二级标签， 二级标题哈，那么以此类推，我们再来写三级标题， h 三是吧，好，回车是吧，然后三级标题， 三级标题。好，接着再来写四级标题 h 四是吧？啊，我们可以找啊，三下键是吧？啊，然后结束啊，写一个 四级标题是吧？啊，四级标题，好，接下来是五级标题是吧？啊， h 五啊，我们写 h 五，好，然后是第五级标题， 好，接下来是第六集标题啊，最后一个 h 六啊， h 六是吧？啊， h 六啊，六级标题， 好，六级标题， ok， 那么这个就写完了，记着保存啊，我们按 ctrl s 保存是吧？好，然后到浏览器这边来刷新一下啊，看看效果是吧，我们的第一个玩意。我靠，这个快了啊，就马上刷新啊，这 就已经刷出来了好，大家已经看到啊，那首先啊，这个字是一个黑体字啊，我看是一个黑体字啊，一级标题 体字是最大的啊，而且他还带了换函啊，大家看到了啊，他会主动的去换函是吧？啊，一级，二级、三级四级五级六级啊，一共是六级的标题，这个是他的一个默认样式啊，我特别给大家强调默认样式。为什么要强调？因为 实际上呢，我们在网页上看的的样式是可以通过 css 来修改的啊，就不一定一级标题就这么大是吧？啊，然后六级标题就这么小啊，这个是完全可以根据我们的需要去修改的， 还有颜色是吧？啊，包括字体本身是吧？啊，我们都是可以把它修改，然后包括你这个换不换函我都可以修改掉是吧？啊，还有他们之间的间距是不是啊，这都能修改啊，所以这里我特别强调这是他的一个默认样式这个标，这个标签的重点还是在于 h 一 h 六，它是什么？叫做标题是吧？啊，它是一个标题，所以我们要按照它的意思来使用这些表情啊，标签是表达意思的对不对啊？标签是表达意思的，所以这点是 非常非常重要的哈，所以这个呢，我们跟同学们就强调一下，好的，那么第一个练习啊，我们这呢给大家就做完了啊，那么第二个啊，我们再来看一下，是不是啊，这个是我们的呃，关于标题 标签的一个简单的介绍啊，那么标题标签的这个介绍完毕之后呢，我们关于标题标签呢，还有几个呢？也可以跟呃同学们再说一下是吧？啊，比如说标题标签的属性啊，他有什么？他也有对齐的属性啊，就我们前面 提过那个啊，耐属性，其实他也可以来做对齐是吧？好，那么现在我们新建一个 啊，网页是吧？啊，在这个 c h 零二上面啊，我们选中 c h 零二啊，来点这个新建文件也可以，或者是选中他之后在 c h 零二上面右键啊，点这个新建文件对吧？啊，新建完了之后输入名字 啊， c h c h 零二下划线二对吧，点 h t m l 啊，回车好，这个文件也建好了，那它同样是需要 写啊，我们对应的内容是不是啊 html 啊。监控好结束好回车然后波点啊 h 嗨的对不对啊然后回车是不是啊，然后来写一个抬头啊，那么我们的抬头标签写个啥呢啊抬头标签呢，我们就写一个实用啊赖标题的是吧使用 使用 a lie a lie 对不对啊？这个呃来设置我们的标题 的对齐方式是吧。啊咱们同时啊，我们这里一开始还写漏了是吧啊一开始要有这个哎监控好掉了啊 啊补一个监控号，然后完了之后再一开始对吧啊一开始这个地方要写刀太谱 是吧啊那么这个地方呃 vs 扣斗会帮大家自动生成是吧好，写完了之后接下来我们在 head 下面补上 matter 啊 char sat 等于 utf 干吧好，然后空格斜干结束是吧好，我们写一个 mat 就行了啊，然后再来写我们的保底标签保底标签里面呢，我们先写一个 h 一的标题是吧 注明他是一级标题是吧啊然后呢写明白啊，这个是什么？这个是默认的啊，默认 默认对齐反是实际上刚刚大家看这个呃刚刚的第一关已经看上默 对齐方式是什么呀？就是左对齐是吧啊这个大家应该已经能看出来了哈然后第二个第二行，我们写一个 hr 的标签对吧？啊我们写一个 hr 的标签啊，那么同样写明 二级标题是吧？啊二级标题，然后他呢啊左对齐是吧啊那怎么去左对齐呢啊我们在这个 hr 标签里面啊，大家看清楚啊 hr 标签这里啊， hr 后面先打一个空格， 然后写一个二来，对吧？啊，写一个二来， a l i g n 对吧？啊？ ali 啊，然后等于是不是啊，等于什么呢啊等于。呃。 laft 是吧啊 laft 这个就是左 左对齐标签是吧？啊左对齐标签，好，接下来啊，我们来看 h 三标签是吧？啊 h 三标签，那一样的啊，我们写一个三级标题 三级标题是吧？啊，三级标题，他是什么呢？他来居中对齐是吧？啊集中对齐，好，接下来我们一按啊，那么这个居中对齐怎么写呢？就是 alive 等于是吧啊四件套啊，好，第四个啊，我们再来写一下看一下啊第四个我们再来写一下看一下。啊第四个是什么呢啊第四个呢是我们的四级标签啊，我们还是写上文字是不是四 四级标题啊四级标题，然后呢他是什么呢？居右对齐是吧啊右对齐，好，那同样写上啊，来 a lie 等于 right 是吧？啊 alie 等于 right， 好， 我们现在保存一下来看一下效果啊。 c h 零二，好，我们到文件家里面啊，找到我们的文件是吧？啊，找到我们的文件， 呃练习里面是吧？ c h 零二这个地方啊 c h 零二杠二，好，双击他在这边，那我们就会看见，你看，这个就是我们的一级标题啊，默认对齐方式是吧啊，这个是二级左对齐，大家看到就默认对齐，就 就是左对齐是吧？啊，然后这个三级标题字更小了啊居右对齐是吧，四级标题呢？是右对齐啊，那么， 呃这边这个玩意显示比较大对吧啊比较大是因为刚才我放大过吗？啊，大家还记得吧啊我放大过对不对啊，所以这边这个呢，就是他百分之一百显示的大小，你要把它再放大一点，可以啊。啊 ctrl 键加号对吧啊 啊 ctrl 键加号他就变大了，或者按着 ctrl 键滚滚轮啊，我这里滚滚轮没有用是吧。啊可能是苹果电脑麦克电脑的特点是吧。啊那现在就变大了啊，大家就可以看到是这样的一个情况，那么这里另外还有一个说明，可能同学们看见了啊，这个字体怎么显示成红色啊，而且刚才我在打的时候也没有提示，是不是 啊，那么这里稍微说明一下啊，那就说明什么呀？说明这个标签啊，我们在 html 里面它不赞成使用 啊，不是这个属性啊，这个属性他不赞成你去使用了好吧。啊不赞成你使用了这个是 html 四的一个 呃会使用的一个属性，实际上我们还是说像这类对齐等等的这样的属性呢，最好怎么样呢？最好是范一到用 css 来写是吧啊用 css 样式来写， 好吧，那么就是这个地方你就 h 一就 h 一了，这个属性呢，其实也就没有必要再去写他了是吧。啊所以这个地方呢，我们只是给同学们介绍哈，因为刚刚讲完了。 呃这个标签啊，也讲一下属性是不是啊，那么就是连在一起给同学们看一下，好吧，那么后面的话呢，就这一类的属性啊， html 四这一类的属性呢，我可能就不会再给同学们再去提了啊。好，那么这一讲 那就是给大家呢介绍了我们的标题是吧啊标题啊，那么作为标题标签呢，它的使用方式非常简单啊，就是 h 一到 h 六， h 一呢，默认字号最大啊， h 六默认字号最小啊，然后呢，他们分别来代表一个标题的等级哈，或者说是他的重要程度。那么后面呢，会给大家一些应用啊，让大家呢看得更明白啊。好， 那么我是默然说话，带你进入陌生的边城世界啊，欢迎大家呢长按三连啊。 呃，转发评论，有任何问题都可以私信问我哈。呃，评论问我也行啊，我每一天都会看评论的是吧？啊，看到了情况我都会及时的进行回复。呃，好，那么谢谢大家。

哈喽，小伙伴们，这节课呢，我们来看一下我们要完成这个数据管理平台项目需要准备什么样的东西呢？ 那么首先我们在开发一个项目的时候啊，一般呢都会拿到设计图，那根据设计图呢，我们就可以来一比一哎，往我们的 h 天猫网页中呢，还原这个设计图要求我们完成的一些标签内容和样式啊。 而我们这个数据管理平台的网站呢，它主要是基于 bottle strawber 来完成这个网站标签和央视的一个搭建。 那接着呢，我们这里边的表单呀，或者是表格等等，还有左侧导航都可以基于我们 bootstrap 进行搭建。但是呢，等我们做到了，哎，要输入文章内容的这一块啊。那 我们这个东西呢，那 bothstrap 里边呢，是没有这个副文本编辑器的啊。所以呢，我们还需要引入一个叫王 editor 的一个插件， 那使用它呢来实现我们这个副文本编辑器的哎，一个集成啊。 ok， 那到这里呢，我们网站的标签和央视部分呢，就已经准备完毕了。 所以接下来呢，我们这个项目呢，主要采用原声 gs 呢，来完成我们相关增山改查等等相关的业务开发。 那我们也会基于 xs 呢，来调用黑马头条线上的接口啊，然后还会讲解到 xs 的拦截器，进行一个身份权限的判断。 ok， 所以我们在做一个项目之前呢，我们需要先 确定一下我们使用什么样的技术。接下来呢，我们就可以继续播的 strap 来搭建这个网页的标签和相关的样式啊。那整个课程呢，我们主要还是要来完成的是数据的增商，改查相关的业务啊，以及 x 的练习使用。 所以标签和样式我已经给大家准备好了。那他在我们配套的素材代码的文件夹当中啊，那在其中呢，就包含了每一个页面的标签内容和 c s s 样式。那 g s 呢是一个空的文件，需要我们主要编写， 而且还包含了这个项目需要用到的静态图片以及第三方插件等等。所以你拿到的素材文件夹呢，他就长哎这个样子啊。 那这么多的文件呢，我们也需要按照一定的结构来进行一个管理啊。因为这样呢，我们以后想找到哪一个页面，找到什么样的内容哎，也非常的方便啊。所以我们是这样来管理这些文件的啊。 那首先我 sis 这个文件夹呢，它里边放的就是我们整个项目需要用到的图片或者是字体文件等等啊。那这些资源呢，我们都放在这个文件夹下。 那再接着我们的 liba 文件夹呢，它叫做资料文件夹啊。而在这里边我们一般放的是一些第三方的插件，比如 form guard throughlines 呀，或者是你把 excuse 或者播得 strap， 如果要拿到本地了，那也放在 liba 文件夹的下边就可 可以了。那再往下呢，就是我们的主要的配置页面文件夹啊。那在我们这个项目当中呢，它主要分为三个页面啊，一个是内容管理页面，一个是登录页面，还有一个是发布文章的页面。 那么在每一个页面文件夹下呢，基本包含了哎三个文件，就是我们的标签样式和我们的 gs 代码。 ok， 那这是管理页面的一种方式啊。但是呢，这只是我推荐大家使用的一种，因为每一个程序员呢，都有一种自己管理这些文件的方式啊，只不过这一种呢，是比较常用的而已。 那再接下来我们还有一个文件夹，叫做 utils， 而在 utils 里边放的一般是使用的程序。比如 如呢，我们自己封装的一些工具啊，或者是自己封装的一些哎常用的函数等等。这些使用的程序我们就可以放在 youtube 下的哎文件当中。 ok 呢。所以我们在做任何一个项目的时候呢，都要先确定我们所采用的技术。接着呢，所有的文件还要按照一定的结构来进行管理。所以接下来我要问一下大家，那我为什么要把这些文件按照一定的结构来管理呢？ 是不是为了方便以后的查找和扩展呀？ ok， 那我们这个项目的准备工作呢就介绍到这里啊。那下一个视频呢，我们就来正式的进入到代码当中，来编写一个其中的登录业务吧。那我们下个视频见吧。