HTML类选择器用法,在线编辑器

HTML的类,一般指的是HTML标签内的属性,也就是说HTML类一般指的是属性,而不是标签。HTML中的类,通常作为选择器,并通过css层叠样式来对HTML的页面进行设计,或通过js进行交互设计。


HTML类

如何为HTML添加类属性:

class="";

简而言之,HTML类可以理解成为HTML的元素就样式层面进行分门别类,比如按钮统统用什么样式,便可将按钮归为某一个类。


HTML实例代码及在线编辑器

<p class='x1'>笨鸟工具x1y1z1.com</p>
<p class='y1'>笨鸟工具是一个分享各类在线计算器和python全栈技术,包括前端的HTML+CSS+JS的网站。</p>
<p class='x1'>笨鸟工具的python全栈技术有什么特点</p>
<p class='y1'>笨鸟工具的站长是零基础自学的编程技术,包括python和前端三件套,还有django和机器学习,也训练过NLP自然语言处理和sklearn的模型,所以,分享的内容中包含了自己的一些实战经验。</p>
<p>这是一个不设置class的段落p,可以对比一下效果!</p>
<style>
  .x1{font-size:1.2em;} #“.”符号是类的选择器符号
  .y1{font-size:0.95em;color:rgb(125,125,125);}
</style>

代码解析

如上代码,通过class属性,设置了两种类,分别是x1和y1,五个段落p中两个设置成x1,两个设置成y1,另一个不设置,由此,实例代码中的段落p就分成了三类。



全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.