css列表属性与display属性

list-style:none

内联标签不能设宽高

display:inline-block 有内联标签不独占一行的属性和块级标签可设宽高的属性

display:none 不显示,位置也没了  display是显示、展示的意思

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        ol,ul{
            list-style: none;
        }
    style>
head>
<body>


<ol>
    <li>111li>
    <li>122li>
    <li>134li>
ol>

<ul>
    <li>111li>
    <li>122li>
    <li>134li>
ul>

<dl>
    <dt>河北省dt>
    <dd>廊坊dd>
    <dd>保定dd>
    <dd>石家庄dd>
dl>
body>
html>
列表属性
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        .div2,p,a,span{
             width: 100px;
             height: 100px;
        }

         .div2{
             background-color: yellow;
             /*display: inline;*/
             display: none;
         }

        p{
             background-color: red;
            /*display: inline;*/
         }

        span{
             background-color: palevioletred;
             display: inline-block;
         }
        a{
             background-color: green;
             display: inline-block;
         }
        .outer{
            word-spacing: -8px;
        }
    style>
head>
<body>


<div class="div2">divvvvvdiv>
<p>ppppppp>


<div class="outer">
    <span>spannnnnnspan>
    <a href="#">clicka>
div>


body>
html>
display属性

css列表属性与display属性_第1张图片css列表属性与display属性_第2张图片css列表属性与display属性_第3张图片

转载于:https://www.cnblogs.com/jintian/p/11048716.html

你可能感兴趣的:(css列表属性与display属性)