html学习二

最新推荐文章于 2024-08-04 22:20:34 发布

亦木不emo

最新推荐文章于 2024-08-04 22:20:34 发布

阅读量79

点赞数 1

分类专栏：前端文章标签： html 学习 css

本文链接：https://blog.csdn.net/m0_62878102/article/details/125936925

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、列表

并列内容常设置成列表格式以直观显示，列表分为有序列表，无序列表，定义列表三种；同时每种列表都具有多种type属性以产生多种列表效果。

有序列表

顾名思义，按顺序列出列表选项,前有序号，关键字<ol>，type属性可在其后设置，选择不同的序号风格。

<ol type="1">
    
   <li>选项一</li>
   <li>选项二</li>
   <li>选项三</li>

</ol>

无序列表

顾名思义，列出列表选项,每个选项前有相同符号，不表顺序，关键字<ul>，type属性可在其后设置，选择不同的符号。

<ul type="dics">
    
   <li>选项一</li>
   <li>选项二</li>
   <li>选项三</li>

</ul>

定义列表

自定义列表，自己定义列表的分类标签以及标签的内容，关键字<dl>，<dt>中放选项，<dd>中放解释。

 <dl>
       
    <dt>选项一</dt>
    <dd>解释</dd>

    <dt>选项二</dt>
    <dd>解释</dd>

    <dt>选项三</dt>
    <dd>解释</dd>

</dl>

二、style

style标签用来定义行标签，块标签，行块标签的风格，一般常见的有字体颜色，背景颜色，字体加粗，水平居中，垂直居中，宽度，高度等的设置；style可以直接在标签里写，也可以先用style定义一个特定的class,再用class设置标签。

直接定义：

在待定义标签的<>内加入style关键字，后接=“”，引号中列出要设置的特征。

<html>

 <head>  
    <title>https//shuangyu.com</title> 
</head>


 <body>
    
    <h1 style="background-color:antiquewhite ;width:fit-content;height:fit-content;">
       标签里直接用style 
    </h1>
    
 </body>

</html>

间接定义：

在待定义标签的<>内加入自定义的class的关键字，此class提前在head标签中定义，即在style标签中.后加自定义名，后接{}，{}内设置相应特征。

<html>

 <head>  
    <title>https//shuangyu.com</title> 
    <style>
      .row
      { width:fit-content;
        height: auto;
        display: flex;
        background-color: aqua;
      }
    </style>

</head>

 <body>
   
    <h1 class="row">
        style定义class间接定义标签
    </h1>

 </body>

</html>

亦木不emo

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
html学习二

style标签用来定义行标签，块标签，行块标签的风格，一般常见的有字体颜色，背景颜色，字体加粗，水平居中，垂直居中，宽度，高度等的设置，同时style可以直接在标签里写，也可以先用style定义一个特定的class,再用class设置标签。..................
复制链接

扫一扫