CSS和文档

Posted 2020-07-27

替换元素与非替换元素

    <!-- 替换元素(replaced element)是指用来替换元素内容的部分并非由文档内容直接表示 -->
    <img src="test.jpg" />
    <!-- 非替换元素(nonreplaced element)是指元素的内容在元素本身生成的框中显示 -->
    <spa>Hello World</spa>

View Code

元素显示角色

    <!-- CSS2.1使用另种基本元素类型,块级(block-level)元素和行内(inline-level)元素 -->
    <!-- 块级元素生成一个元素框,(默认地)它会填充其父元素的内容区,旁边不能有其他元素 -->
    <p>p element</p>
    <div>div element</div>

    <!-- 行内元素在一个文本行内生成元素框,而不会打断这行文本 -->
    testsststst<a href="#">a element</a>tststststs

View Code

候选样式表

    <!-- 将rel属性的值设置为alternate stylesheet,就可以定义候选样式表,只有在用户选择这个样式表时才会用于文档表现,只有部分浏览器支持 -->
    <link rel="stylesheet" type="text/css" href="CSS/1.css" title="black" />
    <link rel="alternate stylesheet" type="text/css" href="CSS/2.css" title="red" />

View Code

@import指令

    <style type="text/css">
        @import url(1.css);
        @import url(2.css);
        @import url(3.css);
    </style>

View Code