首页 > 代码库 > 无聊随便写写的，不要看

无聊随便写写的，不要看

2024-09-23 18:58:07   209人阅读

   <!--内联-->

    <style>
        /*span{*/
        /*font-size: 30px;*/
        /*}*/
        /*没有在使用*/
        /*@import "global.css";*/
        /*strong{*/
            /*color: green;*/
        /*}*/
        p{
            /*
                继承 文字类型的样式具有继承性
                子级样式不影响父级
            */
            font-size: 30px;
            font-family: "Microsoft Yahei";
            color: #58a;
            border: 1px solid orange;
        }
        span{
            color: #faa;
        }
    </style>
    <!--外联 创建一个CSS文件引入/关联进HTML-->
    <!--<link rel="stylesheet" href="http://www.mamicode.com/global.css"/>-->

</head>

<!--内联外联 权重相同 加载顺序-->
<!--!important > 内嵌 > id > class > 元素 > *-->

<!-- 层叠机制
    元素的样式可以来源于不同的方式，
    样式不冲突——同时作用，
    样式冲突——1.权重大的为准， 2.权重相同，后覆盖前
-->

<p>
    我是 p 标记
    <span>我是 P 里面的 span</span>
</p>



<body>

<strong class="strong" id="strong">我是strong不是虚胖</strong>

<hr/>
<!--引入方式-->
<!--内嵌 嵌入-->
<span style="color: red;">*</span>
<span id="span1">1111</span>
<span class="class1">222</span>
<p class="class1">333</p>
<b class="class1">444</b>


<input type="text"/>
<input type="password"/>


<a href="http://www.mamicode.com/#">双击666</a>



<ul>
    <li>111</li>
    <li>222</li>
    <li>333</li>
    <li>
        44
        <ol>
            <li>4-1</li>
            <li>4-2</li>
        </ol>
    </li>
    <li>5555</li>
    <li>666666666666666666</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>


<p class="p1">啊哒!</p>

<div class="box1">
    <p>啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！啊哒瓦达！</p>
</div>

<p>
    <span>
        span1
        <span>span1-1</span>
    </span>
    <span>span2</span>
    <span>span3</span>
</p>

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>

无聊随便写写的，不要看


联系
我们